import { iconSrc, isSetIcon } from '@/lib/icons'

/** Ícono de un producto: del set UghPass (SVG) o emoji. */
export default function ProductIcon({ icon, size = '70%', className = '' }: { icon: string | null; size?: string; className?: string }) {
  if (!icon) return <span className={className} aria-hidden="true">🍽️</span>
  if (isSetIcon(icon)) {
    // eslint-disable-next-line @next/next/no-img-element
    return <img src={iconSrc(icon)} alt="" aria-hidden="true" draggable={false} style={{ width: size, height: size }} className={`object-contain ${className}`} />
  }
  return <span className={className} aria-hidden="true">{icon}</span>
}