/* global React */
// Small, calm Lucide-style stroke icons. 1.5px stroke, currentColor.
// Inline SVG to avoid a network dependency for the most-used icons.

const I = ({ children, size = 18, stroke = 1.6, style }) => (
  <svg
    width={size}
    height={size}
    viewBox="0 0 24 24"
    fill="none"
    stroke="currentColor"
    strokeWidth={stroke}
    strokeLinecap="round"
    strokeLinejoin="round"
    style={style}
  >
    {children}
  </svg>
);

const IconArrowRight = (p) => (
  <I {...p}><path d="M5 12h14" /><path d="m13 6 6 6-6 6" /></I>
);
const IconArrowUpRight = (p) => (
  <I {...p}><path d="M7 17 17 7" /><path d="M7 7h10v10" /></I>
);
const IconCheck = (p) => (
  <I {...p}><path d="M4 12.5 9.5 18 20 6.5" /></I>
);
const IconChevronRight = (p) => (
  <I {...p}><path d="m9 6 6 6-6 6" /></I>
);
const IconChevronLeft = (p) => (
  <I {...p}><path d="m15 6-6 6 6 6" /></I>
);
const IconChevronDown = (p) => (
  <I {...p}><path d="m6 9 6 6 6-6" /></I>
);
const IconShield = (p) => (
  <I {...p}><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z" /></I>
);
const IconShieldCheck = (p) => (
  <I {...p}><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z" /><path d="m9 12 2 2 4-4" /></I>
);
const IconSparkles = (p) => (
  <I {...p}><path d="M12 3 13.5 8.5 19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5Z" /><path d="M19 17v3" /><path d="M17.5 18.5h3" /></I>
);
const IconTarget = (p) => (
  <I {...p}><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="5" /><circle cx="12" cy="12" r="1" /></I>
);
const IconBarChart = (p) => (
  <I {...p}><path d="M4 20V10" /><path d="M10 20V4" /><path d="M16 20v-7" /><path d="M22 20H2" /></I>
);
const IconCompass = (p) => (
  <I {...p}><circle cx="12" cy="12" r="9" /><path d="m15 9-2 6-6 2 2-6Z" /></I>
);
const IconBook = (p) => (
  <I {...p}><path d="M4 4h11a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3Z" /><path d="M4 17a3 3 0 0 1 3-3h11" /></I>
);
const IconUsers = (p) => (
  <I {...p}><path d="M16 19v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" /><circle cx="9" cy="7" r="4" /><path d="M22 19v-2a4 4 0 0 0-3-3.87" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /></I>
);
const IconUser = (p) => (
  <I {...p}><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" /><circle cx="12" cy="7" r="4" /></I>
);
const IconPhone = (p) => (
  <I {...p}><path 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-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.34 1.9.62 2.81a2 2 0 0 1-.45 2.11L8 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.28 1.85.49 2.81.62A2 2 0 0 1 22 16.92Z" /></I>
);
const IconMail = (p) => (
  <I {...p}><rect x="2" y="4" width="20" height="16" rx="2" /><path d="m2 7 10 6 10-6" /></I>
);
const IconUpload = (p) => (
  <I {...p}><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><path d="m17 8-5-5-5 5" /><path d="M12 3v12" /></I>
);
const IconCopy = (p) => (
  <I {...p}><rect x="9" y="9" width="13" height="13" rx="2" /><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" /></I>
);
const IconQuote = (p) => (
  <I {...p}><path d="M9 7c-2 1.5-3 4-3 7v3h5v-6H8c0-2 1-3.5 2-4Z" /><path d="M19 7c-2 1.5-3 4-3 7v3h5v-6h-3c0-2 1-3.5 2-4Z" /></I>
);
const IconStar = (p) => (
  <I {...p}><path d="m12 2 3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01Z" /></I>
);
const IconMoon = (p) => (
  <I {...p}><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z" /></I>
);
const IconSun = (p) => (
  <I {...p}><circle cx="12" cy="12" r="4" /><path d="M12 2v2" /><path d="M12 20v2" /><path d="m4.93 4.93 1.41 1.41" /><path d="m17.66 17.66 1.41 1.41" /><path d="M2 12h2" /><path d="M20 12h2" /><path d="m6.34 17.66-1.41 1.41" /><path d="m19.07 4.93-1.41 1.41" /></I>
);
const IconMenu = (p) => (
  <I {...p}><path d="M3 6h18" /><path d="M3 12h18" /><path d="M3 18h18" /></I>
);
const IconX = (p) => (
  <I {...p}><path d="M18 6 6 18" /><path d="m6 6 12 12" /></I>
);
const IconClock = (p) => (
  <I {...p}><circle cx="12" cy="12" r="9" /><path d="M12 7v5l3 2" /></I>
);
const IconLock = (p) => (
  <I {...p}><rect x="3" y="11" width="18" height="11" rx="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></I>
);
const IconLightning = (p) => (
  <I {...p}><path d="M13 2 3 14h7l-1 8 10-12h-7Z" /></I>
);
const IconLeaf = (p) => (
  <I {...p}><path d="M11 20a8 8 0 0 0 8-8V4h-8a8 8 0 0 0 0 16Z" /><path d="M2 22 19 5" /></I>
);
const IconSend = (p) => (
  <I {...p}><path d="m22 2-7 20-4-9-9-4Z" /><path d="M22 2 11 13" /></I>
);
const IconHeart = (p) => (
  <I {...p}><path 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" /></I>
);
const IconLayers = (p) => (
  <I {...p}><path d="m12 2 10 6-10 6L2 8Z" /><path d="m2 14 10 6 10-6" /></I>
);
const IconScale = (p) => (
  <I {...p}><path d="m16 16 3-8 3 8a4 4 0 0 1-6 0Z" /><path d="m2 16 3-8 3 8a4 4 0 0 1-6 0Z" /><path d="M7 21h10" /><path d="M12 3v18" /><path d="M5 8h14" /></I>
);

Object.assign(window, {
  IconArrowRight, IconArrowUpRight, IconCheck, IconChevronRight, IconChevronLeft, IconChevronDown,
  IconShield, IconShieldCheck, IconSparkles, IconTarget, IconBarChart, IconCompass, IconBook,
  IconUsers, IconUser, IconPhone, IconMail, IconUpload, IconCopy, IconQuote, IconStar,
  IconMoon, IconSun, IconMenu, IconX, IconClock, IconLock, IconLightning, IconLeaf,
  IconSend, IconHeart, IconLayers, IconScale,
});