// icons.jsx — minimal Lucide-style icon set
const Icon = ({ d, stroke = 'currentColor', size = 18, fill = 'none', strokeWidth = 2, style }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={fill} stroke={stroke} strokeWidth={strokeWidth} strokeLinecap="round" strokeLinejoin="round" style={style}>
    {d}
  </svg>
);

const IconArrow = (p) => <Icon {...p} d={<><path d="M5 12h14"/><path d="m13 6 6 6-6 6"/></>} />;
const IconCheck = (p) => <Icon {...p} d={<><path d="M20 6 9 17l-5-5"/></>} />;
const IconStar  = (p) => <Icon {...p} fill="currentColor" d={<><polygon points="12 2 15 9 22 9.5 17 14.5 18.5 22 12 18 5.5 22 7 14.5 2 9.5 9 9 12 2"/></>} />;
const IconStore = (p) => <Icon {...p} d={<><path d="M3 9 4 4h16l1 5"/><path d="M3 9v11h18V9"/><path d="M9 14h6"/></>} />;
const IconBox   = (p) => <Icon {...p} d={<><path d="M3 7v10l9 5 9-5V7l-9-5-9 5z"/><path d="M3 7l9 5 9-5"/><path d="M12 12v10"/></>} />;
const IconTruck = (p) => <Icon {...p} d={<><path d="M2 7h11v9H2z"/><path d="M13 10h4l4 4v2h-8z"/><circle cx="6.5" cy="18" r="2"/><circle cx="17.5" cy="18" r="2"/></>} />;
const IconChart = (p) => <Icon {...p} d={<><path d="M3 3v18h18"/><rect x="7"  y="12" width="3" height="6"/><rect x="13" y="8"  width="3" height="10"/><rect x="19" y="4"  width="0.01" height="14"/></>} />;
const IconPay   = (p) => <Icon {...p} d={<><rect x="2" y="6" width="20" height="14" rx="2"/><path d="M2 11h20"/><path d="M6 16h4"/></>} />;
const IconUsers = (p) => <Icon {...p} d={<><circle cx="9" cy="8" r="3"/><path d="M3 20c0-3 3-5 6-5s6 2 6 5"/><circle cx="17" cy="6" r="2"/><path d="M15 13c4 0 6 2 6 5"/></>} />;
const IconBolt  = (p) => <Icon {...p} d={<><polygon points="13 2 4 14 11 14 10 22 19 10 12 10 13 2"/></>} />;
const IconGlobe = (p) => <Icon {...p} d={<><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2c3 3 4 6 4 10s-1 7-4 10c-3-3-4-6-4-10s1-7 4-10z"/></>} />;
const IconLock  = (p) => <Icon {...p} d={<><rect x="4" y="11" width="16" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></>} />;
const IconPalette = (p) => <Icon {...p} d={<><path d="M12 22a10 10 0 1 1 10-10c0 3-3 3-5 3h-2a3 3 0 0 0 0 6c1 1 1 2-1 2-1 0-2 0-2-1z"/><circle cx="7.5" cy="10.5" r="1"/><circle cx="11" cy="6.5" r="1"/><circle cx="16" cy="8" r="1"/></>} />;
const IconChat  = (p) => <Icon {...p} d={<><path d="M21 12a8 8 0 1 1-3.2-6.4L21 4l-1 4.2A8 8 0 0 1 21 12z"/></>} />;
const IconPhone = (p) => <Icon {...p} d={<><rect x="6" y="2" width="12" height="20" rx="3"/><path d="M11 18h2"/></>} />;
const IconHeart = (p) => <Icon {...p} d={<><path d="M20 8.5c0 5-8 11-8 11s-8-6-8-11A4.5 4.5 0 0 1 12 5a4.5 4.5 0 0 1 8 3.5z"/></>} />;
const IconSparkles = (p) => <Icon {...p} d={<><path d="M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5z"/><path d="M19 16l.7 2L22 19l-2.3.7L19 22l-.7-2.3L16 19l2.3-1z"/></>} />;
const IconPlay  = (p) => <Icon {...p} fill="currentColor" stroke="none" d={<><polygon points="8 5 19 12 8 19 8 5"/></>} />;
const IconMenu  = (p) => <Icon {...p} d={<><path d="M4 7h16"/><path d="M4 12h16"/><path d="M4 17h16"/></>} />;
const IconX     = (p) => <Icon {...p} d={<><path d="M18 6 6 18"/><path d="m6 6 12 12"/></>} />;
const IconExternal = (p) => <Icon {...p} d={<><path d="M7 17 17 7"/><path d="M9 7h8v8"/></>} />;

Object.assign(window, {
  Icon, IconArrow, IconCheck, IconStar, IconStore, IconBox, IconTruck, IconChart,
  IconPay, IconUsers, IconBolt, IconGlobe, IconLock, IconPalette, IconChat,
  IconPhone, IconHeart, IconSparkles, IconPlay, IconMenu, IconX, IconExternal,
});
