const React = window.React;

const I = (size = 18, children, extra = {}) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={extra.strokeWidth || 1.7} strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" {...(extra.style ? {style: extra.style} : {})}>{children}</svg>
);

function IconArrowRight({ size = 18 }) { return I(size, <><path d="M5 12h14"/><path d="m13 6 6 6-6 6"/></>); }
function IconCheck({ size = 14, strokeWidth = 2 }) { return I(size, <path d="M5 12.5 10 17 19 7" />, { strokeWidth }); }
function IconPhone({ size = 16 }) { return I(size, <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.72 12.8 12.8 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.8 12.8 0 0 0 2.81.7A2 2 0 0 1 22 16.92Z"/>); }
function IconPin({ size = 16 }) { return I(size, <><path d="M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></>); }
function IconClock({ size = 16 }) { return I(size, <><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></>); }
function IconMail({ size = 16 }) { return I(size, <><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></>); }
function IconShield({ size = 16 }) { return I(size, <><path d="M12 3 4 6v6c0 5 3.5 8.5 8 9 4.5-.5 8-4 8-9V6l-8-3Z"/><path d="m9 12 2 2 4-4"/></>); }
function IconFlask({ size = 20 }) { return I(size, <><path d="M9 3h6"/><path d="M10 3v6L5 19a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-10V3"/><path d="M7 15h10"/></>); }
function IconSparkle({ size = 18, strokeWidth = 1.7 }) { return I(size, <><path d="M12 3v4"/><path d="M12 17v4"/><path d="M5 12H1"/><path d="M23 12h-4"/><path d="M18.36 5.64 15.5 8.5"/><path d="M8.5 15.5l-2.86 2.86"/><path d="M18.36 18.36 15.5 15.5"/><path d="m8.5 8.5-2.86-2.86"/></>, { strokeWidth }); }
function IconHeart({ size = 20 }) { return I(size, <path d="M20.84 4.6a5.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.07a5.5 5.5 0 0 0 0-7.78Z"/>); }
function IconSnow({ size = 20 }) { return I(size, <><path d="M12 2v20"/><path d="M2 12h20"/><path d="M5 5l14 14"/><path d="m19 5-14 14"/></>); }
function IconMicroscope({ size = 20 }) { return I(size, <><path d="M6 18h12"/><path d="M9 14v4"/><path d="M8 10a4 4 0 0 0 8 0"/><path d="M10 4h4"/><path d="M12 4v6"/></>); }
function IconLeaf({ size = 20 }) { return I(size, <path d="M4 20c8-1 14-5 16-16-10 0-17 7-16 16Zm0 0 8-8"/>); }
function IconUsers({ size = 20 }) { return I(size, <><circle cx="9" cy="8" r="4"/><path d="M2 21a7 7 0 0 1 14 0"/><circle cx="17" cy="8" r="3"/><path d="M22 20a6 6 0 0 0-6-6"/></>); }
function IconLock({ size = 12 }) { return I(size, <><rect x="4" y="11" width="16" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></>); }
function IconStar({ size = 14 }) { return (<svg width={size} height={size} viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1L12 2Z"/></svg>); }
function IconWhatsapp({ size = 26 }) { return (<svg width={size} height={size} viewBox="0 0 32 32" fill="currentColor" aria-hidden="true"><path d="M16 3C9.4 3 4 8.4 4 15c0 2.4.7 4.6 1.9 6.5L4 29l7.7-2c1.8.9 3.8 1.4 5.9 1.4h.4C24.6 28.4 30 23 30 16.4S24.6 3 16 3Zm7.1 17.4c-.3.9-1.7 1.6-2.4 1.7-.6.1-1.4.2-2.3-.1-.5-.2-1.2-.4-2.1-.8-3.7-1.6-6.1-5.3-6.3-5.6-.2-.3-1.5-2-1.5-3.8 0-1.8.9-2.7 1.3-3.1.3-.3.7-.4 1-.4h.7c.2 0 .5 0 .8.6.3.7 1 2.4 1.1 2.6.1.2.1.4 0 .7-.1.3-.2.4-.4.7-.2.2-.4.5-.6.7-.2.2-.4.4-.2.8.2.4 1 1.6 2.1 2.6 1.4 1.2 2.6 1.6 3 1.8.4.2.6.1.8-.1.2-.2.9-1.1 1.2-1.4.2-.3.5-.3.8-.2.3.1 2 .9 2.3 1.1.3.2.6.3.6.4.1.2.1.9-.2 1.8Z"/></svg>); }

Object.assign(window, { IconArrowRight, IconCheck, IconPhone, IconPin, IconClock, IconMail, IconShield, IconFlask, IconSparkle, IconHeart, IconSnow, IconMicroscope, IconLeaf, IconUsers, IconLock, IconStar, IconWhatsapp });
