// Lightweight SVG icon set. Stroke-based, currentColor.
const Ic = ({ children, size = 18, ...rest }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
       stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"
       aria-hidden="true" {...rest}>{children}</svg>
);

const IconArrowRight = (p) => <Ic {...p}><path d="M5 12h14M13 5l7 7-7 7"/></Ic>;
const IconArrowDown  = (p) => <Ic {...p}><path d="M12 5v14M5 13l7 7 7-7"/></Ic>;
const IconChevronR   = (p) => <Ic {...p}><path d="M9 6l6 6-6 6"/></Ic>;
const IconChevronL   = (p) => <Ic {...p}><path d="M15 6l-6 6 6 6"/></Ic>;
const IconCheck      = (p) => <Ic {...p}><path d="M4 12l5 5 11-12"/></Ic>;
const IconClose      = (p) => <Ic {...p}><path d="M6 6l12 12M18 6L6 18"/></Ic>;
const IconSearch     = (p) => <Ic {...p}><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></Ic>;
const IconMenu       = (p) => <Ic {...p}><path d="M4 6h16M4 12h16M4 18h16"/></Ic>;
const IconUser       = (p) => <Ic {...p}><circle cx="12" cy="8" r="4"/><path d="M4 21v-1a8 8 0 0116 0v1"/></Ic>;
const IconLock       = (p) => <Ic {...p}><rect x="4" y="11" width="16" height="10" rx="2"/><path d="M8 11V7a4 4 0 018 0v4"/></Ic>;
const IconLogout     = (p) => <Ic {...p}><path d="M15 12H4M8 16l-4-4 4-4M16 4h2a2 2 0 012 2v12a2 2 0 01-2 2h-2"/></Ic>;
const IconPrint      = (p) => <Ic {...p}><path d="M6 9V3h12v6M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2"/><rect x="6" y="14" width="12" height="7"/></Ic>;
const IconDownload   = (p) => <Ic {...p}><path d="M12 3v12M6 11l6 6 6-6M3 21h18"/></Ic>;
const IconUpload     = (p) => <Ic {...p}><path d="M12 19V7M6 11l6-6 6 6M3 21h18"/></Ic>;
const IconAlert      = (p) => <Ic {...p}><path d="M12 9v4M12 17h.01M10.3 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.7 3.86a2 2 0 00-3.4 0z"/></Ic>;
const IconInfo       = (p) => <Ic {...p}><circle cx="12" cy="12" r="9"/><path d="M12 8h.01M11 12h1v5h1"/></Ic>;
const IconCheckCirc  = (p) => <Ic {...p}><circle cx="12" cy="12" r="9"/><path d="M8 12l3 3 5-6"/></Ic>;
const IconPlus       = (p) => <Ic {...p}><path d="M12 5v14M5 12h14"/></Ic>;
const IconFilter     = (p) => <Ic {...p}><path d="M3 5h18l-7 9v6l-4-2v-4L3 5z"/></Ic>;
const IconSort       = (p) => <Ic {...p}><path d="M6 4v16M3 7l3-3 3 3M18 20V4M15 17l3 3 3-3"/></Ic>;
const IconClipboard  = (p) => <Ic {...p}><path d="M9 4h6v3H9zM5 6h3M16 6h3a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h3"/></Ic>;
const IconFolder     = (p) => <Ic {...p}><path d="M3 7a2 2 0 012-2h4l2 2h8a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V7z"/></Ic>;
const IconBook       = (p) => <Ic {...p}><path d="M4 19V5a2 2 0 012-2h14v18H6a2 2 0 01-2-2zM4 19a2 2 0 012-2h14"/></Ic>;
const IconFlame      = (p) => <Ic {...p}><path d="M12 3s5 4 5 9a5 5 0 01-10 0c0-2 1-3 2-4-1 2 0 4 2 4 1 0 2-1 2-3 0-3-1-4-1-6z"/></Ic>;
const IconGauge      = (p) => <Ic {...p}><path d="M12 14l4-4M3 12a9 9 0 0118 0M5 16h.01M19 16h.01"/><circle cx="12" cy="14" r="1.5"/></Ic>;
const IconDroplet    = (p) => <Ic {...p}><path d="M12 3s7 8 7 13a7 7 0 01-14 0c0-5 7-13 7-13z"/></Ic>;
const IconWrench     = (p) => <Ic {...p}><path d="M14.7 6.3a4 4 0 014.4 6.4l-9 9-3.4-3.4 9-9a4 4 0 01-1-3z"/></Ic>;
const IconChart      = (p) => <Ic {...p}><path d="M3 21V3M3 21h18M7 17v-6M12 17V8M17 17v-9"/></Ic>;
const IconLayers     = (p) => <Ic {...p}><path d="M12 2l10 6-10 6L2 8l10-6zM2 12l10 6 10-6M2 17l10 6 10-6"/></Ic>;
const IconShield     = (p) => <Ic {...p}><path d="M12 2l8 4v6c0 5-4 9-8 10-4-1-8-5-8-10V6l8-4z"/></Ic>;
const IconCircuit    = (p) => <Ic {...p}><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v6h6V3M9 21v-6h6v6M3 9h6v6H3M21 9h-6v6h6"/></Ic>;
const IconBranch     = (p) => <Ic {...p}><circle cx="6" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="18" cy="12" r="2"/><path d="M6 7v10M6 12c0 3 5 3 5 0s4-4 5-4"/></Ic>;
const IconPipe       = (p) => <Ic {...p}><path d="M3 8h6a2 2 0 012 2v4a2 2 0 002 2h6M3 16h6a2 2 0 002-2v-4a2 2 0 012-2h6"/></Ic>;
const IconAtom       = (p) => <Ic {...p}><circle cx="12" cy="12" r="1.5"/><ellipse cx="12" cy="12" rx="10" ry="4"/><ellipse cx="12" cy="12" rx="10" ry="4" transform="rotate(60 12 12)"/><ellipse cx="12" cy="12" rx="10" ry="4" transform="rotate(120 12 12)"/></Ic>;
const IconWhatsApp   = (p) => <Ic {...p}><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"/></Ic>;

Object.assign(window, {
  IconArrowRight, IconArrowDown, IconChevronR, IconChevronL, IconCheck, IconClose,
  IconSearch, IconMenu, IconUser, IconLock, IconLogout, IconPrint, IconDownload, IconUpload,
  IconAlert, IconInfo, IconCheckCirc, IconPlus, IconFilter, IconSort, IconClipboard,
  IconFolder, IconBook, IconFlame, IconGauge, IconDroplet, IconWrench, IconChart,
  IconLayers, IconShield, IconCircuit, IconBranch, IconPipe, IconAtom, IconWhatsApp,
});
