/* Lucide-style line icons (2px stroke, currentColor) */
const S = (p) => ({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none",
  stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", ...p });

const Icon = {
  Arrow: (p) => <svg {...S(p)}><path d="M5 12h14M13 6l6 6-6 6"/></svg>,
  ArrowDown: (p) => <svg {...S(p)}><path d="M12 5v14M6 13l6 6 6-6"/></svg>,
  User: (p) => <svg {...S(p)}><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>,
  Clock: (p) => <svg {...S(p)}><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>,
  Trend: (p) => <svg {...S(p)}><path d="M22 7 13.5 15.5 8.5 10.5 2 17"/><path d="M16 7h6v6"/></svg>,
  Brain: (p) => <svg {...S(p)}><path d="M12 5a3 3 0 0 0-3 3 3 3 0 0 0-3 3 2.5 2.5 0 0 0 0 5 3 3 0 0 0 3 2.5 3 3 0 0 0 3-2"/><path d="M12 5a3 3 0 0 1 3 3 3 3 0 0 1 3 3 2.5 2.5 0 0 1 0 5 3 3 0 0 1-3 2.5 3 3 0 0 1-3-2"/><path d="M12 5v15"/></svg>,
  Check: (p) => <svg {...S(p)}><path d="M20 6 9 17l-5-5"/></svg>,
  X: (p) => <svg {...S(p)}><path d="M18 6 6 18M6 6l12 12"/></svg>,
  Image: (p) => <svg {...S(p)}><rect x="3" y="3" width="18" height="18" rx="3"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="m21 15-5-5L5 21"/></svg>,
  Spark: (p) => <svg {...S(p)}><path d="M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5 18 18M18 6l-2.5 2.5M8.5 15.5 6 18"/></svg>,
  Instagram: (p) => <svg {...S(p)}><rect x="2" y="2" width="20" height="20" rx="5.5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="0.6" fill="currentColor" stroke="none"/></svg>,
  WhatsApp: (p) => <svg {...S(p)}><path d="M21 11.5a8.5 8.5 0 0 1-12.3 7.6L3 21l1.9-5.7A8.5 8.5 0 1 1 21 11.5z"/><path d="M8.5 9.5c0 3.3 2.7 6 6 6 .6 0 1-.4 1-1v-1l-2-.8-1 1a4.5 4.5 0 0 1-2.2-2.2l1-1L10.5 8.5h-1c-.6 0-1 .4-1 1z"/></svg>,
};

window.Icon = Icon;
