// Stroke icon set — all 24x24, currentColor, no fills
// Reused across the landing. Line style per brief.

const stroke = { fill: 'none', stroke: 'currentColor', strokeWidth: 1.6, strokeLinecap: 'round', strokeLinejoin: 'round' };

const Icon = {
  // Hero / nav
  arrow: (p) => (
    <svg viewBox="0 0 24 24" width="16" height="16" {...p}><g {...stroke}><path d="M5 12h14M13 6l6 6-6 6"/></g></svg>
  ),
  play: (p) => (
    <svg viewBox="0 0 24 24" width="14" height="14" {...p}><g {...stroke}><path d="M8 5v14l11-7z" fill="currentColor" stroke="none"/></g></svg>
  ),
  check: (p) => (
    <svg viewBox="0 0 24 24" width="16" height="16" {...p}><g {...stroke}><path d="M5 12.5l4.5 4.5L19 7.5"/></g></svg>
  ),
  x: (p) => (
    <svg viewBox="0 0 24 24" width="16" height="16" {...p}><g {...stroke}><path d="M6 6l12 12M18 6L6 18"/></g></svg>
  ),
  alert: (p) => (
    <svg viewBox="0 0 24 24" width="16" height="16" {...p}><g {...stroke}><path d="M12 3l10 17H2L12 3z"/><path d="M12 10v4M12 17h.01"/></g></svg>
  ),
  // Problem section
  clock: (p) => (
    <svg viewBox="0 0 24 24" width="28" height="28" {...p}><g {...stroke}><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></g></svg>
  ),
  money: (p) => (
    <svg viewBox="0 0 24 24" width="28" height="28" {...p}><g {...stroke}><rect x="3" y="6" width="18" height="12" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 9v.01M18 15v.01"/></g></svg>
  ),
  puzzle: (p) => (
    <svg viewBox="0 0 24 24" width="28" height="28" {...p}><g {...stroke}><path d="M4 7h4V5a2 2 0 0 1 4 0v2h4v4h2a2 2 0 0 1 0 4h-2v4h-4v-2a2 2 0 0 0-4 0v2H4v-4H2a2 2 0 0 1 0-4h2V7z"/></g></svg>
  ),
  // How it works
  building: (p) => (
    <svg viewBox="0 0 24 24" width="28" height="28" {...p}><g {...stroke}><path d="M4 21V6l8-3 8 3v15"/><path d="M9 21v-6h6v6"/><path d="M8 9h.01M12 9h.01M16 9h.01M8 12h.01M12 12h.01M16 12h.01"/></g></svg>
  ),
  team: (p) => (
    <svg viewBox="0 0 24 24" width="28" height="28" {...p}><g {...stroke}><circle cx="9" cy="9" r="3"/><circle cx="17" cy="10" r="2.5"/><path d="M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6"/><path d="M14.5 14.5c2.4 0 5.5 1.5 5.5 5"/></g></svg>
  ),
  monitor: (p) => (
    <svg viewBox="0 0 24 24" width="28" height="28" {...p}><g {...stroke}><rect x="3" y="4" width="18" height="13" rx="2"/><path d="M8 21h8M12 17v4"/></g></svg>
  ),
  // Agent icons (line, no fills)
  director: (p) => (
    <svg viewBox="0 0 24 24" width="22" height="22" {...p}><g {...stroke}><circle cx="12" cy="12" r="9"/><path d="M12 7l1.8 3.7 4 .5-2.9 2.8.7 4-3.6-2-3.6 2 .7-4-2.9-2.8 4-.5z"/></g></svg>
  ),
  brush: (p) => (
    <svg viewBox="0 0 24 24" width="22" height="22" {...p}><g {...stroke}><path d="M19 3l-9 9-3-3M5 21c0-3 1-5 5-5l3-3"/><path d="M8 17l-1 4 4-1"/></g></svg>
  ),
  chart: (p) => (
    <svg viewBox="0 0 24 24" width="22" height="22" {...p}><g {...stroke}><path d="M4 20h16"/><path d="M7 20V12M12 20V6M17 20v-6"/></g></svg>
  ),
  chat: (p) => (
    <svg viewBox="0 0 24 24" width="22" height="22" {...p}><g {...stroke}><path d="M4 19V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8l-4 3z"/></g></svg>
  ),
  truck: (p) => (
    <svg viewBox="0 0 24 24" width="22" height="22" {...p}><g {...stroke}><path d="M3 7h11v9H3z"/><path d="M14 10h4l3 3v3h-7"/><circle cx="7" cy="18" r="1.6"/><circle cx="17" cy="18" r="1.6"/></g></svg>
  ),
  box: (p) => (
    <svg viewBox="0 0 24 24" width="22" height="22" {...p}><g {...stroke}><path d="M3 7l9-4 9 4-9 4-9-4z"/><path d="M3 7v10l9 4V11"/><path d="M21 7v10l-9 4"/></g></svg>
  ),
  web: (p) => (
    <svg viewBox="0 0 24 24" width="22" height="22" {...p}><g {...stroke}><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 9h18"/><path d="M7 6.5h.01M10 6.5h.01"/></g></svg>
  ),
  search: (p) => (
    <svg viewBox="0 0 24 24" width="22" height="22" {...p}><g {...stroke}><circle cx="11" cy="11" r="6.5"/><path d="M16 16l5 5"/></g></svg>
  ),
  shield: (p) => (
    <svg viewBox="0 0 24 24" width="22" height="22" {...p}><g {...stroke}><path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3z"/></g></svg>
  ),
  // Sparkle / autonomy
  spark: (p) => (
    <svg viewBox="0 0 24 24" width="16" height="16" {...p}><g {...stroke}><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5.6 5.6l2.8 2.8M15.6 15.6l2.8 2.8M5.6 18.4l2.8-2.8M15.6 8.4l2.8-2.8"/></g></svg>
  ),
  chevron: (p) => (
    <svg viewBox="0 0 24 24" width="16" height="16" {...p}><g {...stroke}><path d="M6 9l6 6 6-6"/></g></svg>
  ),
};

Object.assign(window, { Icon });
