export const Eye = () => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 36 36"
  >
    <path
      fill="#E1E8ED"
      d="M35.059 18c0 3.304-7.642 11-17.067 11S.925 22.249.925 18c0-3.314 34.134-3.314 34.134 0"
    />
    <path
      fill="#292F33"
      d="M35.059 18H.925c0-3.313 7.642-11 17.067-11s17.067 7.686 17.067 11"
    />
    <path
      fill="#F5F8FA"
      d="M33.817 18c0 2.904-7.087 9.667-15.826 9.667S2.166 21.732 2.166 18c0-2.912 7.085-9.666 15.825-9.666C26.73 8.333 33.817 15.088 33.817 18"
    />
    <circle
      cx="18"
      cy="18"
      r="8.458"
      fill="#8B5E3C"
      style={{ fill: "#919191", fillOpacity: 1 }}
    />
    <circle cx="18" cy="18" r="4.708" fill="#292F33" />
    <circle cx="14.983" cy="15" r="2" fill="#F5F8FA" />
  </svg>
);

export const EyeSlash = () => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 36 36"
  >
    <path
      fill="#e1e8ed"
      d="M35.059 18c0 3.304-7.642 11-17.067 11S.925 22.249.925 18c0-3.314 34.134-3.314 34.134 0"
    />
    <path
      fill="#292f33"
      d="M35.059 18H.925c0-3.313 7.642-11 17.067-11s17.067 7.686 17.067 11"
    />
    <path
      fill="#f5f8fa"
      d="M33.817 18c0 2.904-7.087 9.667-15.826 9.667S2.166 21.732 2.166 18c0-2.912 7.085-9.666 15.825-9.666C26.73 8.333 33.817 15.088 33.817 18"
    />
    <circle
      cx="18"
      cy="18"
      r="8.458"
      fill="#8B5E3C"
      style={{ fill: "#919191", fillOpacity: 1 }}
    />
    <circle cx="18" cy="18" r="4.708" fill="#292f33" />
    <circle cx="14.983" cy="15" r="2" fill="#f5f8fa" />
    <path
      d="m-2.97 30.25 41.94-24.5"
      style={{
        fill: "#404040",
        fillOpacity: 1,
        stroke: "#404040",
        strokeWidth: 3,
        strokeDasharray: "none",
        strokeOpacity: 1,
      }}
    />
  </svg>
);
