/* Icons — simple stroke icons used throughout */
const Icon = ({ name, size = 18, stroke = "currentColor", className = "" }) => {
  const s = { width: size, height: size, stroke, fill: "none", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" };
  const paths = {
    arrow: <><path d="M4 12h16"/><path d="M14 6l6 6-6 6"/></>,
    arrowUpRight: <><path d="M7 17L17 7"/><path d="M8 7h9v9"/></>,
    plus: <><path d="M12 5v14M5 12h14"/></>,
    minus: <path d="M5 12h14"/>,
    chevL: <path d="M15 6l-6 6 6 6"/>,
    chevR: <path d="M9 6l6 6-6 6"/>,
    chevD: <path d="M6 9l6 6 6-6"/>,
    star: <path d="M12 3l2.6 5.8 6.4.7-4.8 4.4 1.3 6.3L12 17.8 6.5 20.2l1.3-6.3L3 9.5l6.4-.7z"/>,
    phone: <path d="M5 4h4l2 5-3 2a12 12 0 005 5l2-3 5 2v4a2 2 0 01-2 2A17 17 0 013 6a2 2 0 012-2z"/>,
    mail: <><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 7 9-7"/></>,
    pin: <><path d="M12 22s7-7.5 7-13a7 7 0 00-14 0c0 5.5 7 13 7 13z"/><circle cx="12" cy="9" r="2.5"/></>,
    clock: <><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></>,
    heart: <path d="M12 20s-7-4.5-7-10a4 4 0 017-2.6A4 4 0 0119 10c0 5.5-7 10-7 10z"/>,
    sparkle: <><path d="M12 3v5M12 16v5M3 12h5M16 12h5"/><path d="M6 6l3 3M15 15l3 3M18 6l-3 3M9 15l-3 3"/></>,
    ig: <><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="1" fill="currentColor"/></>,
    tg: <path d="M21 4L3 11l6 2 2 6 3-4 5 5z"/>,
    wa: <><path d="M20 12a8 8 0 11-14.6 4.5L4 21l4.5-1.4A8 8 0 0020 12z"/><path d="M8 10c.5 3 2 4.5 5 5l1.5-1.5 2.5 1v2c-4 .5-9-3.5-9-7.5l1 .5L10 8z"/></>,
    menu: <><path d="M4 7h16M4 12h16M4 17h16"/></>,
    x: <><path d="M6 6l12 12M18 6L6 18"/></>,
    check: <path d="M5 12l4 4 10-10"/>,
    card: <><rect x="3" y="6" width="18" height="12" rx="2"/><path d="M3 10h18"/></>,
    calendar: <><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M8 3v4M16 3v4M3 10h18"/></>,
    gift: <><path d="M4 10h16v10H4z"/><path d="M2 6h20v4H2zM12 6v14M12 6c-2-3 2-4 2-1s-2 1-2 1zM12 6c2-3-2-4-2-1s2 1 2 1z"/></>,
  };
  return <svg viewBox="0 0 24 24" style={s} className={className}>{paths[name] || null}</svg>;
};

Object.assign(window, { Icon });