export function MailIcon() {
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
      <path
        d="M3.333 5h13.334c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H3.333c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1Z"
        stroke="#94A3B8"
        strokeWidth="1.3"
        strokeLinejoin="round"
      />
      <path
        d="m3 5.5 7 5 7-5"
        stroke="#94A3B8"
        strokeWidth="1.3"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function PasswordIcon() {
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
      <rect
        x="3.5"
        y="5"
        width="13"
        height="10"
        rx="2.5"
        stroke="#94A3B8"
        strokeWidth="1.3"
      />
      <line x1="6.6" y1="10" x2="7.8" y2="10" stroke="#94A3B8" strokeWidth="1.6" strokeLinecap="round" />
      <line x1="9.4" y1="10" x2="10.6" y2="10" stroke="#94A3B8" strokeWidth="1.6" strokeLinecap="round" />
      <line x1="12.2" y1="10" x2="13.4" y2="10" stroke="#94A3B8" strokeWidth="1.6" strokeLinecap="round" />
    </svg>
  );
}

export function EyeIcon({ open = true }: { open?: boolean }) {
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
      <path
        d="M1.667 10c1.364-2.744 3.98-4.583 8.333-4.583 4.354 0 6.97 1.839 8.333 4.583-1.364 2.744-3.98 4.583-8.333 4.583-4.354 0-6.97-1.839-8.333-4.583Z"
        stroke="#94A3B8"
        strokeWidth="1.3"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <circle cx="10" cy="10" r="2.083" stroke="#94A3B8" strokeWidth="1.3" />
      {!open && (
        <path
          d="M4 16 16 4"
          stroke="#94A3B8"
          strokeWidth="1.3"
          strokeLinecap="round"
        />
      )}
    </svg>
  );
}