import React, { SVGProps } from 'react'

export function InfoCircle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clipPath="url(#clip0_10_21)">
        <circle cx="15" cy="15" r="13.125" fill="white" />
        <path
          d="M15 28.125C11.519 28.125 8.18064 26.7422 5.71922 24.2808C3.25781 21.8194 1.875 18.481 1.875 15C1.875 11.519 3.25781 8.18064 5.71922 5.71922C8.18064 3.25781 11.519 1.875 15 1.875C18.481 1.875 21.8194 3.25781 24.2808 5.71922C26.7422 8.18064 28.125 11.519 28.125 15C28.125 18.481 26.7422 21.8194 24.2808 24.2808C21.8194 26.7422 18.481 28.125 15 28.125ZM15 30C18.9782 30 22.7936 28.4196 25.6066 25.6066C28.4196 22.7936 30 18.9782 30 15C30 11.0218 28.4196 7.20644 25.6066 4.3934C22.7936 1.58035 18.9782 0 15 0C11.0218 0 7.20644 1.58035 4.3934 4.3934C1.58035 7.20644 0 11.0218 0 15C0 18.9782 1.58035 22.7936 4.3934 25.6066C7.20644 28.4196 11.0218 30 15 30Z"
          fill="#E5E5E5"
        />
        <path
          d="M16.888 12.4143L13.2239 12.8246L13.0927 13.3678L13.8127 13.4865C14.2831 13.5865 14.3759 13.7381 14.2735 14.1569L13.0927 19.1145C12.7823 20.3967 13.2607 21 14.3856 21C15.2576 21 16.2704 20.6398 16.7296 20.1452L16.8704 19.5505C16.5504 19.8021 16.0832 19.9021 15.7728 19.9021C15.3328 19.9021 15.1728 19.6262 15.2864 19.1402L16.888 12.4143ZM17 9.42951C17 9.80864 16.8314 10.1722 16.5314 10.4403C16.2313 10.7084 15.8243 10.859 15.4 10.859C14.9756 10.859 14.5686 10.7084 14.2686 10.4403C13.9685 10.1722 13.7999 9.80864 13.7999 9.42951C13.7999 9.05038 13.9685 8.68678 14.2686 8.41869C14.5686 8.15061 14.9756 8 15.4 8C15.8243 8 16.2313 8.15061 16.5314 8.41869C16.8314 8.68678 17 9.05038 17 9.42951Z"
          fill="#1D1F23"
        />
      </g>
      <defs>
        <clipPath id="clip0_10_21">
          <rect width="30" height="30" fill="white" />
        </clipPath>
      </defs>
    </svg>
  )
}
export default InfoCircle