/* Icons — simple line/solid SVGs matching the brand's visuele elementen */

const Icon = {
  Excavator: (p) => (
    <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" strokeLinejoin="miter" {...p}>
      <path d="M6 50h44" />
      <circle cx="16" cy="50" r="5" />
      <circle cx="28" cy="50" r="5" />
      <circle cx="40" cy="50" r="5" />
      <path d="M10 44V34h28v10" />
      <path d="M22 34V26h10v8" />
      <path d="M32 30l14-12 6 4-10 12" />
      <path d="M42 34l-4 6h-6l2-6" />
    </svg>
  ),
  Wrecker: (p) => (
    <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" {...p}>
      <path d="M8 8h36" />
      <path d="M44 8L24 32" />
      <circle cx="22" cy="38" r="7" />
      <path d="M22 32V8" strokeDasharray="2 3" />
    </svg>
  ),
  Truck: (p) => (
    <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" strokeLinejoin="miter" {...p}>
      <path d="M6 46h32V22H10z" />
      <path d="M38 28h12l8 8v10H38z" />
      <circle cx="18" cy="50" r="5" />
      <circle cx="46" cy="50" r="5" />
      <path d="M40 36h10" />
    </svg>
  ),
  Shield: (p) => (
    <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" strokeLinejoin="miter" {...p}>
      <path d="M32 6L10 14v18c0 14 22 26 22 26s22-12 22-26V14z" />
      <path d="M22 32l8 8 14-16" />
    </svg>
  ),
  Stopwatch: (p) => (
    <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" {...p}>
      <circle cx="32" cy="36" r="20" />
      <path d="M32 36V22" />
      <path d="M32 36l10 6" />
      <path d="M26 6h12" />
      <path d="M32 6v8" />
      <path d="M50 16l4-4" />
    </svg>
  ),
  Phone: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="square" {...p}>
      <path d="M5 4h4l2 5-3 2c1.5 3 3.5 5 6.5 6.5l2-3 5 2v4c0 1-1 2-2 2C9 22 2 15 2 6c0-1 1-2 2-2z" />
    </svg>
  ),
  Mail: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="square" {...p}>
      <rect x="2.5" y="5" width="19" height="14" />
      <path d="M3 6l9 7 9-7" />
    </svg>
  ),
  Pin: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="square" {...p}>
      <path d="M12 22s8-8 8-13a8 8 0 10-16 0c0 5 8 13 8 13z" />
      <circle cx="12" cy="9" r="2.5" />
    </svg>
  ),
  Whatsapp: (p) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M19.1 4.9A10 10 0 002.3 17.3L1 23l5.9-1.3A10 10 0 1019.1 4.9zM12 21a9 9 0 01-4.6-1.3l-.3-.2-3.5.8.8-3.4-.2-.3A9 9 0 1112 21zm5-6.7c-.3-.1-1.6-.8-1.9-.9-.3-.1-.4-.1-.6.1l-.9 1c-.2.2-.3.2-.6.1-.3-.1-1.2-.5-2.3-1.4-.8-.7-1.4-1.7-1.5-2-.2-.3 0-.4.1-.6l.4-.5.2-.4c.1-.1 0-.3 0-.4l-.7-1.7c-.2-.4-.4-.4-.6-.4h-.5c-.2 0-.4 0-.6.3-.2.2-.8.8-.8 2s.9 2.3 1 2.5c.1.2 1.7 2.7 4.2 3.8 1.9.8 2.3.6 2.7.6.4 0 1.5-.6 1.7-1.2.2-.6.2-1.1.1-1.2l-.4-.3z"/>
    </svg>
  ),
  Check: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" {...p}>
      <path d="M4 12l5 5 11-12" />
    </svg>
  ),
  Calendar: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="square" {...p}>
      <rect x="3" y="5" width="18" height="16" />
      <path d="M3 10h18" />
      <path d="M8 3v4M16 3v4" />
    </svg>
  ),
  Handshake: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="square" strokeLinejoin="miter" {...p}>
      <path d="M2 13l3-1 5 4 1 1 2-1 5-5 3 1" />
      <path d="M22 11l-4-4-6 1-2-2-5 2" />
    </svg>
  ),
  Wrench: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="square" {...p}>
      <path d="M14 4a5 5 0 016 6l-2 1-9 9-3 1-1-3 9-9 1-2a5 5 0 01-1-3z" />
    </svg>
  ),
  Trench: (p) => (
    <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" strokeLinejoin="miter" {...p}>
      <path d="M4 22h12l6 10v18H10z" />
      <path d="M60 22H48l-6 10v18h12z" />
      <path d="M22 32h20" strokeDasharray="3 3" />
      <path d="M4 22h60" />
      <path d="M30 8v8M34 12h-8" />
    </svg>
  ),
  Level: (p) => (
    <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" strokeLinejoin="miter" {...p}>
      <rect x="6" y="24" width="52" height="16" />
      <circle cx="32" cy="32" r="4" />
      <path d="M16 24v16M48 24v16" />
      <path d="M4 52h56" />
      <path d="M10 56l4-4M22 56l4-4M34 56l4-4M46 56l4-4" />
    </svg>
  ),
  Pavers: (p) => (
    <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" strokeLinejoin="miter" {...p}>
      <rect x="6" y="10" width="22" height="12" />
      <rect x="30" y="10" width="28" height="12" />
      <rect x="6" y="24" width="28" height="12" />
      <rect x="36" y="24" width="22" height="12" />
      <rect x="6" y="38" width="22" height="12" />
      <rect x="30" y="38" width="28" height="12" />
    </svg>
  ),
  Dumper: (p) => (
    <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" strokeLinejoin="miter" {...p}>
      <path d="M4 46h28L40 22H12z" />
      <path d="M40 30h10l8 8v8H40z" />
      <circle cx="16" cy="50" r="5" />
      <circle cx="46" cy="50" r="5" />
      <path d="M44 22l8-8M52 14l4 4" />
    </svg>
  ),
  Leaf: (p) => (
    <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" strokeLinejoin="miter" {...p}>
      <path d="M10 54C10 28 28 10 54 10c0 26-18 44-44 44z" />
      <path d="M10 54L40 24" />
    </svg>
  ),
  Facebook: (p) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M22 12a10 10 0 10-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.7l-.4 2.9h-2.3v7A10 10 0 0022 12z"/>
    </svg>
  ),
  Instagram: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="square" {...p}>
      <rect x="3" y="3" width="18" height="18" rx="5" />
      <circle cx="12" cy="12" r="4" />
      <circle cx="17.5" cy="6.5" r="1" fill="currentColor" stroke="none" />
    </svg>
  ),
  Broom: (p) => (
    <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" strokeLinejoin="miter" {...p}>
      <path d="M40 6L20 26" />
      <path d="M12 34l18-18 6 6-18 18z" />
      <path d="M16 36l-8 22h28l4-22z" />
      <path d="M18 44v14M26 44v14M34 44v14" />
    </svg>
  ),
};

window.Icon = Icon;
