/* Icon set for the Aspire Smiles BAU landing page.
   Two families:
   - <Icon name> : thin 1.6px line UI icons (Lucide-flavoured), stroke = currentColor.
   - <VIcon name>: Aspire's bespoke hand-drawn value icons (120x120), stroke = currentColor.
*/
(function () {
  const P = {
    phone: '<path d="M5 4h3l2 5-2.5 1.5a11 11 0 0 0 5 5L16 13l5 2v3a2 2 0 0 1-2.2 2A16 16 0 0 1 3 6.2 2 2 0 0 1 5 4Z"/>',
    check: '<path d="M20 6L9 17l-5-5"/>',
    plus: '<path d="M12 5v14M5 12h14"/>',
    arrowR: '<path d="M5 12h14M13 6l6 6-6 6"/>',
    lock: '<rect x="4.5" y="10" width="15" height="10" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3"/>',
    pin: '<path d="M12 21s7-5.6 7-11a7 7 0 1 0-14 0c0 5.4 7 11 7 11Z"/><circle cx="12" cy="10" r="2.5"/>',
    clock: '<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>',
    star: '<path d="M12 3l2.6 5.6 6.1.7-4.5 4.1 1.2 6L12 16.8 6.6 19.5l1.2-6L3.3 9.3l6.1-.7L12 3Z"/>',
    chat: '<path d="M21 12a8 8 0 0 1-11.5 7.2L4 20l1-4.5A8 8 0 1 1 21 12Z"/><path d="M8.5 12h.01M12 12h.01M15.5 12h.01"/>',
    car: '<path d="M5 16l1.2-4.5A2 2 0 0 1 8.1 10h7.8a2 2 0 0 1 1.9 1.5L19 16"/><path d="M4 16h16v3a1 1 0 0 1-1 1h-1.5a1 1 0 0 1-1-1v-1H7.5v1a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3Z"/><path d="M7 13.5h.01M17 13.5h.01"/>',
    accessible: '<circle cx="12" cy="4.5" r="1.6"/><path d="M9 8h6M12 8v5M12 13l-3 6M12 13l3 6M9 11h6"/>',
    scan: '<path d="M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2"/><path d="M8 12h8M12 8.5c2 0 3.5 1.5 3.5 3.5S14 15.5 12 15.5 8.5 14 8.5 12"/>',
    heart: '<path d="M12 20s-7-4.6-7-9.5A3.8 3.8 0 0 1 12 7a3.8 3.8 0 0 1 7 3.5C19 15.4 12 20 12 20Z"/>',
    users: '<circle cx="9" cy="8" r="3.5"/><path d="M3 20a6 6 0 0 1 12 0"/><path d="M16 5.2a3.5 3.5 0 0 1 0 6.6M22 20a6 6 0 0 0-4-5.7"/>',
    shield: '<path d="M12 3l7 3v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3Z"/><path d="M9 12l2 2 4-4"/>',
    calendar: '<rect x="3" y="4.5" width="18" height="16" rx="2"/><path d="M3 9h18M8 2.5v4M16 2.5v4"/>',
    quote: '<path d="M10 7c-3 1-4 3.5-4 7v3h5v-6H8c0-2 .8-3.2 2.5-4L10 7Zm9 0c-3 1-4 3.5-4 7v3h5v-6h-3c0-2 .8-3.2 2.5-4L19 7Z"/>',
    leaf: '<path d="M4 20c0-9 7-15 16-15 0 9-7 15-16 15Z"/><path d="M4 20c4-6 8-8 12-9"/>',
    sun: '<circle cx="12" cy="12" r="4.5"/><path d="M12 2.5v2.5M12 19v2.5M2.5 12H5M19 12h2.5M5 5l1.8 1.8M17.2 17.2 19 19M19 5l-1.8 1.8M6.8 17.2 5 19"/>',
    whatsapp: '<path d="M5 19l1-3.5A8 8 0 1 1 9 19l-4 0Z"/><path d="M9 9.5c0 3 2.5 5.5 5.5 5.5.6 0 1-.4 1-1l-.2-1.2-1.8-.6-.8.9c-1-.4-1.8-1.2-2.2-2.2l.9-.8-.6-1.8L9.5 8c-.6 0-1 .4-1 1Z"/>',
    chevronDown: '<path d="M6 9l6 6 6-6"/>',
    play: '<path d="M8 5v14l11-7-11-7Z"/>',
    navigation: '<path d="M3 11l18-8-8 18-2-8-8-2Z"/>',
    smile: '<circle cx="12" cy="12" r="9"/><path d="M8.2 14a4.2 4.2 0 0 0 7.6 0"/><path d="M9 9.5h.01M15 9.5h.01"/>',
    utensils: '<path d="M5 3v6a2 2 0 0 0 4 0V3M7 9v12M16.5 3c-1.7 0-3 2.4-3 5.5 0 2.3 1.1 3.7 2.5 4V21h1V3Z"/>',
    droplet: '<path d="M12 3.5s6 6.2 6 10.5a6 6 0 0 1-12 0c0-4.3 6-10.5 6-10.5Z"/>',
  };
  const Icon = ({ name, style, className }) => React.createElement("svg", {
    viewBox: "0 0 24 24", fill: "none", stroke: "currentColor",
    strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round",
    style, className, "aria-hidden": "true", dangerouslySetInnerHTML: { __html: P[name] || "" },
  });

  Object.assign(window, { Icon });
})();