interface IconProps {
  className?: string;
}

export function EyeIcon({ filled, className = 'w-7 h-7' }: IconProps & { filled: boolean }) {
  return (
    <svg
      className={className}
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      strokeWidth={2}
    >
      <path
        d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
        fill={filled ? 'currentColor' : 'none'}
      />
      <circle
        cx="12"
        cy="12"
        r="3"
        fill={filled ? 'currentColor' : 'none'}
        stroke={filled ? 'white' : 'currentColor'}
      />
    </svg>
  );
}