// Thin line icons — 1.5px stroke, 24x24 viewBox.
const iconBase = {
  width: 20, height: 20, viewBox: "0 0 24 24",
  fill: "none", stroke: "currentColor", strokeWidth: 1.5,
  strokeLinecap: "round", strokeLinejoin: "round",
};

const IconArrow = (p) => <svg {...iconBase} {...p}><path d="M5 12h14M13 6l6 6-6 6"/></svg>;
const IconArrowDown = (p) => <svg {...iconBase} {...p}><path d="M12 5v14M6 13l6 6 6-6"/></svg>;
const IconCompass = (p) => <svg {...iconBase} {...p}><circle cx="12" cy="12" r="9"/><path d="m15 9-2 5-5 2 2-5 5-2Z"/></svg>;
const IconWaves = (p) => <svg {...iconBase} {...p}><path d="M3 8c2 0 2 2 4 2s2-2 4-2 2 2 4 2 2-2 4-2"/><path d="M3 14c2 0 2 2 4 2s2-2 4-2 2 2 4 2 2-2 4-2"/></svg>;
const IconInfinity = (p) => <svg {...iconBase} {...p}><path d="M6.5 12c0-2.5 1.5-4 3.5-4s3 1.5 4 3 2 4 4 4 3.5-1.5 3.5-4-1.5-4-3.5-4-3 1.5-4 3-2 4-4 4-3.5-1.5-3.5-4Z" transform="translate(-1)"/></svg>;
const IconLeads = (p) => <svg {...iconBase} {...p}><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="m17 11 2 2 4-4"/></svg>;
const IconChart = (p) => <svg {...iconBase} {...p}><path d="M3 3v18h18"/><path d="m7 14 4-4 4 4 5-6"/></svg>;
const IconUserPlus = (p) => <svg {...iconBase} {...p}><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M19 8v6M22 11h-6"/></svg>;
const IconMail = (p) => <svg {...iconBase} {...p}><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 7 10 6 10-6"/></svg>;
const IconInvoice = (p) => <svg {...iconBase} {...p}><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6M9 13h6M9 17h4"/></svg>;
const IconPhone = (p) => <svg {...iconBase} {...p}><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92Z"/></svg>;
const IconPlus = (p) => <svg {...iconBase} {...p}><path d="M12 5v14M5 12h14"/></svg>;
const IconCheck = (p) => <svg {...iconBase} {...p}><path d="M20 6 9 17l-5-5"/></svg>;
const IconStar = (p) => <svg {...iconBase} {...p}><path d="m12 2 3 7 7 .8-5.4 4.7L18.2 22 12 18l-6.2 4 1.6-7.5L2 9.8 9 9z"/></svg>;
const IconSpark = (p) => <svg {...iconBase} {...p}><path d="M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M5.6 18.4l2.1-2.1M16.3 7.7l2.1-2.1"/></svg>;
const IconBolt = (p) => <svg {...iconBase} {...p}><path d="M13 2 3 14h7l-1 8 10-12h-7l1-8Z"/></svg>;
const IconShield = (p) => <svg {...iconBase} {...p}><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"/></svg>;
const IconFlag = (p) => <svg {...iconBase} {...p}><path d="M4 22V4M4 4h12l-2 4 2 4H4"/></svg>;
const IconLayers = (p) => <svg {...iconBase} {...p}><path d="m12 2 10 6-10 6L2 8l10-6Z"/><path d="m2 14 10 6 10-6"/></svg>;
const IconSun = (p) => <svg {...iconBase} {...p}><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/></svg>;
const IconMoon = (p) => <svg {...iconBase} {...p}><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z"/></svg>;

Object.assign(window, {
  IconArrow, IconArrowDown, IconCompass, IconWaves, IconInfinity,
  IconLeads, IconChart, IconUserPlus, IconMail, IconInvoice, IconPhone,
  IconPlus, IconCheck, IconStar, IconSpark, IconBolt, IconShield, IconFlag,
  IconLayers, IconSun, IconMoon,
});
