import React from 'react';

function EyeShow({ fill }) {
  return (
    <svg id="eye-svg" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M12 9.005C13.0609 9.005 14.0783 9.42643 14.8284 10.1766C15.5786 10.9267 16 11.9441 16 13.005C16 14.0659 15.5786 15.0833 14.8284 15.8334C14.0783 16.5836 13.0609 17.005 12 17.005C10.9391 17.005 9.92172 16.5836 9.17157 15.8334C8.42143 15.0833 8 14.0659 8 13.005C8 11.9441 8.42143 10.9267 9.17157 10.1766C9.92172 9.42643 10.9391 9.005 12 9.005ZM12 10.505C11.337 10.505 10.7011 10.7684 10.2322 11.2372C9.76339 11.7061 9.5 12.342 9.5 13.005C9.5 13.668 9.76339 14.3039 10.2322 14.7728C10.7011 15.2416 11.337 15.505 12 15.505C12.663 15.505 13.2989 15.2416 13.7678 14.7728C14.2366 14.3039 14.5 13.668 14.5 13.005C14.5 12.342 14.2366 11.7061 13.7678 11.2372C13.2989 10.7684 12.663 10.505 12 10.505ZM12 5.5C16.613 5.5 20.596 8.65 21.701 13.064C21.7494 13.2569 21.7192 13.4612 21.617 13.6319C21.5148 13.8025 21.3489 13.9256 21.156 13.974C20.9631 14.0224 20.7588 13.9922 20.5881 13.89C20.4175 13.7878 20.2944 13.6219 20.246 13.429C19.7838 11.5918 18.7212 9.9616 17.227 8.79704C15.7327 7.63248 13.8924 7.00028 11.9979 7.00074C10.1035 7.0012 8.26345 7.6343 6.76978 8.79958C5.2761 9.96486 4.21436 11.5956 3.753 13.433C3.70119 13.6219 3.57751 13.7831 3.40842 13.882C3.23932 13.9809 3.03823 14.0098 2.84815 13.9623C2.65808 13.9149 2.4941 13.795 2.39128 13.6283C2.28847 13.4615 2.25499 13.2611 2.298 13.07C2.84027 10.9075 4.08946 8.98806 5.84721 7.61657C7.60496 6.24509 9.7705 5.50013 12 5.5Z"
        fill={fill}
      />
    </svg>
  );
}

export default EyeShow;
