import React from 'react';

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

export interface IProps {
    readonly svg?: IPropsSVG
}

export const IconQuestionGrey = (props: IProps) => (
    <SVG {...props.svg}>
        <circle
            cx="12"
            cy="12"
            r="12"
            fill="#F7F7FA"
        />
        <path
            d="M8.50647 6.14651C8.74647 5.93984 9.00314 5.7465 9.27647 5.5665C9.55647 5.3865 9.85647 5.22984 10.1765 5.0965C10.5031 4.96317 10.8531 4.85984 11.2265 4.7865C11.6065 4.7065 12.0131 4.6665 12.4465 4.6665C13.0465 4.6665 13.5898 4.74984 14.0765 4.91651C14.5631 5.0765 14.9798 5.30984 15.3265 5.6165C15.6731 5.9165 15.9398 6.27984 16.1265 6.70651C16.3198 7.13317 16.4165 7.60984 16.4165 8.13651C16.4165 8.64317 16.3431 9.08317 16.1965 9.45651C16.0565 9.82317 15.8765 10.1432 15.6565 10.4165C15.4431 10.6898 15.2065 10.9265 14.9465 11.1265C14.6865 11.3265 14.4398 11.5132 14.2065 11.6865C13.9731 11.8598 13.7698 12.0332 13.5965 12.2065C13.4298 12.3732 13.3265 12.5598 13.2865 12.7665L13.0365 14.1965H11.1465L10.9565 12.5765C10.9098 12.2565 10.9498 11.9798 11.0765 11.7465C11.2031 11.5065 11.3731 11.2898 11.5865 11.0965C11.7998 10.8965 12.0365 10.7065 12.2965 10.5265C12.5631 10.3398 12.8098 10.1432 13.0365 9.93651C13.2698 9.72317 13.4631 9.48651 13.6165 9.22651C13.7765 8.95984 13.8565 8.64651 13.8565 8.28651C13.8565 7.84651 13.7031 7.49651 13.3965 7.23651C13.0965 6.9765 12.6965 6.84651 12.1965 6.84651C11.8298 6.84651 11.5198 6.8865 11.2665 6.9665C11.0198 7.04651 10.8065 7.13651 10.6265 7.23651C10.4465 7.32984 10.2931 7.4165 10.1665 7.49651C10.0398 7.57651 9.9198 7.6165 9.80647 7.6165C9.55314 7.6165 9.36314 7.50651 9.23647 7.2865L8.50647 6.14651ZM10.3765 17.8865C10.3765 17.6665 10.4165 17.4598 10.4965 17.2665C10.5831 17.0665 10.6998 16.8965 10.8465 16.7565C10.9931 16.6098 11.1631 16.4965 11.3565 16.4165C11.5565 16.3298 11.7731 16.2865 12.0065 16.2865C12.2331 16.2865 12.4465 16.3298 12.6465 16.4165C12.8465 16.4965 13.0198 16.6098 13.1665 16.7565C13.3131 16.8965 13.4265 17.0665 13.5065 17.2665C13.5931 17.4598 13.6365 17.6665 13.6365 17.8865C13.6365 18.1132 13.5931 18.3232 13.5065 18.5165C13.4265 18.7098 13.3131 18.8798 13.1665 19.0265C13.0198 19.1665 12.8465 19.2765 12.6465 19.3565C12.4465 19.4365 12.2331 19.4765 12.0065 19.4765C11.7731 19.4765 11.5565 19.4365 11.3565 19.3565C11.1631 19.2765 10.9931 19.1665 10.8465 19.0265C10.6998 18.8798 10.5831 18.7098 10.4965 18.5165C10.4165 18.3232 10.3765 18.1132 10.3765 17.8865Z"
            fill="#4E4E53"
        />
    </SVG>
);

export default IconQuestionGrey;
