const EyeIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="18"
      height="11"
      viewBox="0 0 18 11"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        d="M9.00063 3.50377C10.8416 3.50377 12.334 4.99616 12.334 6.8371C12.334 8.67805 10.8416 10.1704 9.00063 10.1704C7.15968 10.1704 5.66729 8.67805 5.66729 6.8371C5.66729 4.99616 7.15968 3.50377 9.00063 3.50377ZM9.00063 4.75377C7.85003 4.75377 6.91729 5.68651 6.91729 6.8371C6.91729 7.9877 7.85003 8.92044 9.00063 8.92044C10.1512 8.92044 11.084 7.9877 11.084 6.8371C11.084 5.68651 10.1512 4.75377 9.00063 4.75377ZM9.00063 0.583252C12.8452 0.583252 16.164 3.20826 17.0849 6.88691C17.1687 7.22175 16.9652 7.56115 16.6304 7.64497C16.2955 7.72879 15.9561 7.52529 15.8723 7.19045C15.0899 4.06488 12.2684 1.83325 9.00063 1.83325C5.7314 1.83325 2.90904 4.06681 2.12801 7.19421C2.04437 7.5291 1.70509 7.73279 1.3702 7.64915C1.0353 7.56552 0.83162 7.22623 0.915256 6.89134C1.8345 3.21052 5.15436 0.583252 9.00063 0.583252Z"
        fill="currentColor"
      />
    </svg>
  );
};

export { EyeIcon };