// Icons.jsx — Lucide-style outline icons (substitution flagged in README).
const Icon = ({ d, size = 18, stroke = 1.75, style }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
       stroke="currentColor" strokeWidth={stroke}
       strokeLinecap="round" strokeLinejoin="round" style={style}>
    {Array.isArray(d) ? d.map((p, i) => <path key={i} d={p} />) : <path d={d} />}
  </svg>
);

const IconPhone = (p) => <Icon {...p} 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" />;
const IconMenu  = (p) => <Icon {...p} d={["M3 12h18","M3 6h18","M3 18h18"]} />;
const IconClose = (p) => <Icon {...p} d={["M18 6 6 18","M6 6l12 12"]} />;
const IconCal   = (p) => <Icon {...p} d={["M3 4h18v18H3z","M16 2v4","M8 2v4","M3 10h18"]} />;
const IconUsers = (p) => <Icon {...p} d={["M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2","M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8","M23 21v-2a4 4 0 0 0-3-3.87","M16 3.13a4 4 0 0 1 0 7.75"]} />;
const IconPin   = (p) => <Icon {...p} d={["M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z","M12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"]} />;
const IconMail  = (p) => <Icon {...p} d={["M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z","m22 6-10 7L2 6"]} />;
const IconStar  = (p) => <Icon {...p} d="M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.88L12 17.77l-6.18 3.24L7 14.13 2 9.26l6.91-1L12 2z" />;
const IconArrow = ({ size = 14 }) => <span style={{ display:'inline-block', transition:'transform .12s' }}>→</span>;

const IconIG    = (p) => <Icon {...p} d={["M16 2H8a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h8a6 6 0 0 0 6-6V8a6 6 0 0 0-6-6z","M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8z","M17.5 6.5h.01"]} />;
const IconFB    = (p) => <Icon {...p} d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />;
const IconChevL = (p) => <Icon {...p} d="m15 18-6-6 6-6" />;
const IconChevR = (p) => <Icon {...p} d="m9 18 6-6-6-6" />;

// Added for the Corporate hub (May 29)
const IconCheck   = (p) => <Icon {...p} d="m20 6-11 11L4 12" />;
const IconShield  = (p) => <Icon {...p} d={["M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z","m9 12 2 2 4-4"]} />;
const IconBolt    = (p) => <Icon {...p} d="M13 2 3 14h9l-1 8 10-12h-9l1-8z" />;
const IconUser    = (p) => <Icon {...p} d={["M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2","M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"]} />;
const IconPlus    = (p) => <Icon {...p} d={["M12 5v14","M5 12h14"]} />;
const IconGift    = (p) => <Icon {...p} d={["M20 12v10H4V12","M2 7h20v5H2z","M12 22V7","M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z","M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"]} />;
const IconRocket  = (p) => <Icon {...p} d={["M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z","M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z","M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0","M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"]} />;
const IconSun     = (p) => <Icon {...p} d={["M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10z","M12 1v2","M12 21v2","M4.2 4.2l1.4 1.4","M18.4 18.4l1.4 1.4","M1 12h2","M21 12h2","M4.2 19.8l1.4-1.4","M18.4 5.6l1.4-1.4"]} />;
const IconMic     = (p) => <Icon {...p} d={["M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z","M19 10v2a7 7 0 0 1-14 0v-2","M12 19v4","M8 23h8"]} />;
const IconHand    = (p) => <Icon {...p} d={["M18 11V6a2 2 0 0 0-4 0v5","M14 10V4a2 2 0 0 0-4 0v6","M10 10.5V6a2 2 0 0 0-4 0v8","M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"]} />;
const IconCap     = (p) => <Icon {...p} d={["M22 10 12 5 2 10l10 5 10-5z","M6 12v5c0 1 2.5 3 6 3s6-2 6-3v-5","M22 10v6"]} />;
const IconTrophy  = (p) => <Icon {...p} d={["M8 21h8","M12 17v4","M7 4h10v5a5 5 0 0 1-10 0V4z","M7 5H4a2 2 0 0 0 0 4h1","M17 5h3a2 2 0 0 1 0 4h-1"]} />;
const IconGlass   = (p) => <Icon {...p} d={["M8 22h8","M12 15v7","M5 3h14l-7 8z"]} />;
const IconMoon    = (p) => <Icon {...p} d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />;
const IconCoffee  = (p) => <Icon {...p} d={["M18 8h1a4 4 0 0 1 0 8h-1","M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z","M6 1v3","M10 1v3","M14 1v3"]} />;
const IconHeart   = (p) => <Icon {...p} d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" />;
const IconCake    = (p) => <Icon {...p} d={["M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8","M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1","M2 21h20","M7 8v3","M12 8v3","M17 8v3","M7 4h.01","M12 4h.01","M17 4h.01"]} />;
const IconTruck   = (p) => <Icon {...p} d={["M1 3h13v13H1z","M14 8h4l3 3v5h-7","M5.5 19a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z","M17.5 19a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"]} />;
const IconChevDown= (p) => <Icon {...p} d="m6 9 6 6 6-6" />;
const IconClock   = (p) => <Icon {...p} d={["M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z","M12 6v6l4 2"]} />;
const IconRoute   = (p) => <Icon {...p} d={["M6 19a3 3 0 1 0 0-6 3 3 0 0 0 0 6z","M18 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6z","M9 16h6a3 3 0 0 0 0-6H9a3 3 0 0 1 0-6"]} />;
const IconMenuBook= (p) => <Icon {...p} d={["M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z","M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"]} />;
const IconLeaf    = (p) => <Icon {...p} d={["M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10z","M2 21c0-3 1.85-5.36 5.08-6"]} />;

Object.assign(window, { Icon, IconPhone, IconMenu, IconClose, IconCal, IconUsers, IconPin, IconMail, IconStar, IconArrow, IconIG, IconFB, IconChevL, IconChevR, IconCheck, IconShield, IconBolt, IconUser, IconPlus, IconGift, IconRocket, IconSun, IconMic, IconHand, IconCap, IconTrophy, IconGlass, IconMoon, IconCoffee, IconHeart, IconCake, IconTruck, IconChevDown, IconClock, IconRoute, IconMenuBook, IconLeaf });
