// Simple stroke icons matching the flyer's pink line aesthetic
const Icon = ({ name, size = 24, color = "currentColor", strokeWidth = 1.6, ...props }) => {
  const common = { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", ...props };
  const paths = {
    sparkle: <><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5.5 5.5l2.5 2.5M16 16l2.5 2.5M5.5 18.5L8 16M16 8l2.5-2.5"/></>,
    sparkles: <><path d="M12 4l1.5 4.5L18 10l-4.5 1.5L12 16l-1.5-4.5L6 10l4.5-1.5z"/><path d="M19 14l.7 2 2 .7-2 .7L19 19.5l-.7-2-2-.7 2-.7z"/><path d="M5 4l.5 1.5L7 6l-1.5.5L5 8l-.5-1.5L3 6l1.5-.5z"/></>,
    home: <><path d="M3 11l9-7 9 7v9a2 2 0 0 1-2 2h-4v-6h-6v6H5a2 2 0 0 1-2-2z"/><path d="M14 6.5l1.5-1 .5 1"/></>,
    deep: <><path d="M10 3l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z"/><path d="M17 14v6a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2v-6"/></>,
    move: <><path d="M3 12h12M11 8l4 4-4 4"/><rect x="15" y="4" width="6" height="16" rx="1"/></>,
    construction: <><path d="M3 21h18M5 21V10l4-3 4 3v11M13 13h6v8M9 21v-4h2v4"/></>,
    airbnb: <><path d="M12 22s8-7 8-13a8 8 0 0 0-16 0c0 6 8 13 8 13z"/><path d="M9 11l3 3 3-3M12 14V8"/></>,
    office: <><rect x="3" y="6" width="18" height="14" rx="1"/><path d="M3 10h18M8 6V4M16 6V4M8 14h2M14 14h2M8 17h2M14 17h2"/></>,
    shield: <><path d="M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6z"/><path d="M9 12l2 2 4-4"/></>,
    lock: <><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></>,
    heart: <><path d="M12 21s-7-4.5-9-9.5A5 5 0 0 1 12 6a5 5 0 0 1 9 5.5C19 16.5 12 21 12 21z"/></>,
    leaf: <><path d="M5 21c0-9 6-15 15-16-1 9-7 15-15 16z"/><path d="M5 21c4-4 8-8 14-15"/></>,
    check: <><path d="M5 12l4 4 10-10"/></>,
    chat: <><path d="M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-7l-4 4v-4H6a3 3 0 0 1-3-3z"/></>,
    calendar: <><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 10h18M8 3v4M16 3v4"/></>,
    clock: <><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></>,
    phone: <><path d="M5 3h3l2 5-2 1a11 11 0 0 0 5 5l1-2 5 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-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 7-13a7 7 0 0 0-14 0c0 6 7 13 7 13z"/><circle cx="12" cy="9" r="2.5"/></>,
    star: <path d="M12 3l2.6 5.5 6 .9-4.3 4.3 1 6L12 17l-5.3 2.7 1-6L3.4 9.4l6-.9z" fill={color} stroke="none"/>,
    arrow: <path d="M5 12h14M13 6l6 6-6 6"/>,
    plus: <path d="M12 5v14M5 12h14"/>,
    minus: <path d="M5 12h14"/>,
    quote: <><path d="M7 7h4v4H7zM5 11c0 4 2 6 6 6M13 7h4v4h-4zM11 11c0 4 2 6 6 6"/></>,
    instagram: <><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="0.5" fill={color}/></>,
    globe: <><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/></>,
    menu: <path d="M4 7h16M4 12h16M4 17h16"/>,
    close: <path d="M6 6l12 12M6 18L18 6"/>,
    play: <path d="M7 5v14l12-7z"/>,
  };
  return <svg {...common}>{paths[name] || null}</svg>;
};

window.Icon = Icon;