/* Inline SVG icon set — minimal stroke icons, gold-tone */
const Icon = ({ name, size = 20, stroke = 1.4 }) => {
  const props = {
    width: size, height: size, viewBox: "0 0 24 24",
    fill: "none", stroke: "currentColor", strokeWidth: stroke,
    strokeLinecap: "round", strokeLinejoin: "round"
  };
  switch(name){
    case 'sparkle': return (
      <svg {...props}><path d="M12 3l1.8 5.4L19 10l-5.2 1.6L12 17l-1.8-5.4L5 10l5.2-1.6z"/><path d="M19 3l.6 1.6L21 5l-1.4.4L19 7l-.6-1.6L17 5l1.4-.4z"/></svg>
    );
    case 'pin': return (
      <svg {...props}><path d="M12 21s7-7.5 7-13a7 7 0 1 0-14 0c0 5.5 7 13 7 13z"/><circle cx="12" cy="8" r="2.5"/></svg>
    );
    case 'card': return (
      <svg {...props}><rect x="3" y="6" width="18" height="13" rx="2"/><path d="M3 10h18"/><path d="M7 15h3"/></svg>
    );
    case 'calendar': return (
      <svg {...props}><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 10h18"/><path d="M8 3v4M16 3v4"/></svg>
    );
    case 'clock': return (
      <svg {...props}><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>
    );
    case 'check': return (
      <svg {...props}><path d="M5 12l4 4 10-10"/></svg>
    );
    case 'arrow': return (
      <svg {...props}><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></svg>
    );
    case 'arrow-up-right': return (
      <svg {...props}><path d="M7 17L17 7"/><path d="M9 7h8v8"/></svg>
    );
    case 'shield': return (
      <svg {...props}><path d="M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6l8-3z"/><path d="M9 12l2 2 4-4"/></svg>
    );
    case 'truck': return (
      <svg {...props}><path d="M3 7h11v9H3z"/><path d="M14 10h4l3 3v3h-7z"/><circle cx="7" cy="18" r="2"/><circle cx="17" cy="18" r="2"/></svg>
    );
    case 'phone': return (
      <svg {...props}><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L8 9.6a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z"/></svg>
    );
    case 'mail': return (
      <svg {...props}><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg>
    );
    case 'ig': return (
      <svg {...props}><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r=".5" fill="currentColor"/></svg>
    );
    case 'fb': return (
      <svg {...props}><path d="M14 3h-2a4 4 0 0 0-4 4v3H5v4h3v7h4v-7h3l1-4h-4V8a1 1 0 0 1 1-1h3z"/></svg>
    );
    case 'tiktok': return (
      <svg {...props}><path d="M14 4v9.5a3.5 3.5 0 1 1-3.5-3.5"/><path d="M14 4c0 2.5 2 4.5 4.5 4.5"/></svg>
    );
    case 'star': return (
      <svg {...props} fill="currentColor" stroke="none"><path d="M12 2.5l2.9 6.3 6.9.7-5.2 4.7 1.5 6.8L12 17.6l-6.1 3.4 1.5-6.8L2.2 9.5l6.9-.7z"/></svg>
    );
    case 'plus': return (
      <svg {...props}><path d="M12 5v14M5 12h14"/></svg>
    );
    case 'minus': return (
      <svg {...props}><path d="M5 12h14"/></svg>
    );
    case 'water': return (
      <svg {...props}><path d="M12 3s6 7 6 11a6 6 0 1 1-12 0c0-4 6-11 6-11z"/></svg>
    );
    case 'leaf': return (
      <svg {...props}><path d="M5 19c0-7 5-13 14-14-1 9-7 14-14 14z"/><path d="M5 19l8-8"/></svg>
    );
    case 'wrench': return (
      <svg {...props}><path d="M14 3a4 4 0 0 0-1 7.5L4 19.5 5.5 21l9-9A4 4 0 1 0 14 3z"/></svg>
    );
    case 'gem': return (
      <svg {...props}><path d="M6 4h12l3 5-9 11L3 9z"/><path d="M3 9h18M8 4l4 5 4-5"/></svg>
    );
    case 'paypal': return (
      <svg {...props}><path d="M7 19l1.5-9h4.6c2.5 0 4 1.5 3.6 3.8-.4 2.4-2.4 3.7-5 3.7H10l-.6 1.5z"/><path d="M9 15l1.5-9h4.6c2.5 0 4 1.5 3.6 3.8-.4 2.4-2.4 3.7-5 3.7H12l-.6 1.5z" opacity=".4"/></svg>
    );
    case 'chevron-down': return (
      <svg {...props}><path d="M6 9l6 6 6-6"/></svg>
    );
    case 'menu': return (
      <svg {...props}><path d="M4 7h16M4 12h16M4 17h16"/></svg>
    );
    case 'close': return (
      <svg {...props}><path d="M6 6l12 12M6 18L18 6"/></svg>
    );
    default: return null;
  }
};

window.Icon = Icon;