import React from 'react';

import { SVG, IProps as IPropsSVG } from '..';

export interface IProps {
    readonly svg?: IPropsSVG
}

export const IconQuestionPurple = (props: IProps) => (
    <SVG {...props.svg}>
        <circle
            cx="12"
            cy="12"
            r="12"
            fill="#3A0078"
        />
        <path
            d="M8.50635 6.14651C8.74635 5.93984 9.00301 5.7465 9.27635 5.5665C9.55635 5.3865 9.85635 5.22984 10.1763 5.0965C10.503 4.96317 10.853 4.85984 11.2263 4.7865C11.6063 4.7065 12.013 4.6665 12.4463 4.6665C13.0463 4.6665 13.5897 4.74984 14.0763 4.91651C14.563 5.0765 14.9797 5.30984 15.3263 5.6165C15.673 5.9165 15.9397 6.27984 16.1263 6.70651C16.3197 7.13317 16.4163 7.60984 16.4163 8.13651C16.4163 8.64317 16.343 9.08317 16.1963 9.45651C16.0563 9.82317 15.8763 10.1432 15.6563 10.4165C15.443 10.6898 15.2063 10.9265 14.9463 11.1265C14.6863 11.3265 14.4397 11.5132 14.2063 11.6865C13.973 11.8598 13.7697 12.0332 13.5963 12.2065C13.4297 12.3732 13.3263 12.5598 13.2863 12.7665L13.0363 14.1965H11.1463L10.9563 12.5765C10.9097 12.2565 10.9497 11.9798 11.0763 11.7465C11.203 11.5065 11.373 11.2898 11.5863 11.0965C11.7997 10.8965 12.0363 10.7065 12.2963 10.5265C12.563 10.3398 12.8097 10.1432 13.0363 9.93651C13.2697 9.72317 13.463 9.48651 13.6163 9.22651C13.7763 8.95984 13.8563 8.64651 13.8563 8.28651C13.8563 7.84651 13.703 7.49651 13.3963 7.23651C13.0963 6.9765 12.6963 6.84651 12.1963 6.84651C11.8297 6.84651 11.5197 6.8865 11.2663 6.9665C11.0197 7.04651 10.8063 7.13651 10.6263 7.23651C10.4463 7.32984 10.293 7.4165 10.1663 7.49651C10.0397 7.57651 9.91968 7.6165 9.80635 7.6165C9.55301 7.6165 9.36301 7.50651 9.23635 7.2865L8.50635 6.14651ZM10.3763 17.8865C10.3763 17.6665 10.4163 17.4598 10.4963 17.2665C10.583 17.0665 10.6997 16.8965 10.8463 16.7565C10.993 16.6098 11.163 16.4965 11.3563 16.4165C11.5563 16.3298 11.773 16.2865 12.0063 16.2865C12.233 16.2865 12.4463 16.3298 12.6463 16.4165C12.8463 16.4965 13.0197 16.6098 13.1663 16.7565C13.313 16.8965 13.4263 17.0665 13.5063 17.2665C13.593 17.4598 13.6363 17.6665 13.6363 17.8865C13.6363 18.1132 13.593 18.3232 13.5063 18.5165C13.4263 18.7098 13.313 18.8798 13.1663 19.0265C13.0197 19.1665 12.8463 19.2765 12.6463 19.3565C12.4463 19.4365 12.233 19.4765 12.0063 19.4765C11.773 19.4765 11.5563 19.4365 11.3563 19.3565C11.163 19.2765 10.993 19.1665 10.8463 19.0265C10.6997 18.8798 10.583 18.7098 10.4963 18.5165C10.4163 18.3232 10.3763 18.1132 10.3763 17.8865Z"
            fill="white"
        />
    </SVG>
);

export default IconQuestionPurple;
