/* global React */
// Inline SVG icons. Industrial, geometric — no leaf/eco clipart.

const Ico = {
  Cardboard: (p) => (
    <svg viewBox="0 0 48 48" fill="none" {...p}>
      <path d="M6 14 L24 6 L42 14 L24 22 Z" stroke="currentColor" strokeWidth="2.2" strokeLinejoin="round"/>
      <path d="M6 14 V34 L24 42 V22" stroke="currentColor" strokeWidth="2.2" strokeLinejoin="round"/>
      <path d="M42 14 V34 L24 42" stroke="currentColor" strokeWidth="2.2" strokeLinejoin="round"/>
      <path d="M14 10 L32 18" stroke="currentColor" strokeWidth="2.2"/>
      <path d="M24 22 V42" stroke="currentColor" strokeWidth="2.2" strokeDasharray="2 3"/>
    </svg>
  ),
  Film: (p) => (
    <svg viewBox="0 0 48 48" fill="none" {...p}>
      <path d="M6 12 C 14 8, 22 16, 30 12 S 42 16, 42 12" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round"/>
      <path d="M6 22 C 14 18, 22 26, 30 22 S 42 26, 42 22" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round"/>
      <path d="M6 32 C 14 28, 22 36, 30 32 S 42 36, 42 32" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round"/>
      <path d="M6 42 C 14 38, 22 46, 30 42 S 42 46, 42 42" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round"/>
    </svg>
  ),
  HardPlastic: (p) => (
    <svg viewBox="0 0 48 48" fill="none" {...p}>
      <rect x="8" y="14" width="32" height="28" stroke="currentColor" strokeWidth="2.2"/>
      <path d="M8 22 H40" stroke="currentColor" strokeWidth="2.2"/>
      <path d="M16 14 V8 H32 V14" stroke="currentColor" strokeWidth="2.2"/>
      <circle cx="16" cy="32" r="2" fill="currentColor"/>
      <circle cx="24" cy="32" r="2" fill="currentColor"/>
      <circle cx="32" cy="32" r="2" fill="currentColor"/>
    </svg>
  ),
  Pallet: (p) => (
    <svg viewBox="0 0 48 48" fill="none" {...p}>
      <rect x="4" y="14" width="40" height="6" stroke="currentColor" strokeWidth="2.2"/>
      <rect x="4" y="28" width="40" height="6" stroke="currentColor" strokeWidth="2.2"/>
      <rect x="8" y="34" width="6" height="8" stroke="currentColor" strokeWidth="2.2"/>
      <rect x="21" y="34" width="6" height="8" stroke="currentColor" strokeWidth="2.2"/>
      <rect x="34" y="34" width="6" height="8" stroke="currentColor" strokeWidth="2.2"/>
      <path d="M8 8 L24 14 L40 8" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round"/>
    </svg>
  ),
  Metal: (p) => (
    <svg viewBox="0 0 48 48" fill="none" {...p}>
      <path d="M10 38 L10 14 L24 6 L38 14 L38 38" stroke="currentColor" strokeWidth="2.2" strokeLinejoin="round"/>
      <path d="M10 22 H38 M10 30 H38" stroke="currentColor" strokeWidth="2.2"/>
      <circle cx="17" cy="18" r="1.6" fill="currentColor"/>
      <circle cx="31" cy="18" r="1.6" fill="currentColor"/>
      <circle cx="17" cy="26" r="1.6" fill="currentColor"/>
      <circle cx="31" cy="26" r="1.6" fill="currentColor"/>
      <path d="M10 38 H38" stroke="currentColor" strokeWidth="2.2"/>
    </svg>
  ),
  Lorry: (p) => (
    <svg viewBox="0 0 48 48" fill="none" {...p}>
      <rect x="4" y="14" width="22" height="20" stroke="currentColor" strokeWidth="2.2"/>
      <path d="M26 20 H38 L44 26 V34 H26 Z" stroke="currentColor" strokeWidth="2.2" strokeLinejoin="round"/>
      <circle cx="13" cy="36" r="4" stroke="currentColor" strokeWidth="2.2"/>
      <circle cx="34" cy="36" r="4" stroke="currentColor" strokeWidth="2.2"/>
      <path d="M28 22 H36 V28 H28 Z" stroke="currentColor" strokeWidth="2.2"/>
    </svg>
  ),
  Phone: (p) => (
    <svg viewBox="0 0 24 24" fill="none" {...p}>
      <path d="M5 4h4l2 5-2.5 1.5a11 11 0 005 5L15 13l5 2v4a2 2 0 01-2 2A15 15 0 013 6a2 2 0 012-2z" stroke="currentColor" strokeWidth="1.8" strokeLinejoin="round"/>
    </svg>
  ),
  WhatsApp: (p) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.92.51 3.79 1.49 5.43L2 22l4.79-1.6a9.93 9.93 0 005.25 1.5h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.13-2.9-7-1.87-1.87-4.36-2.99-7.02-2.99zm5.78 14.18c-.24.68-1.43 1.32-1.96 1.36-.54.04-1.05.24-3.52-.74-2.96-1.18-4.81-4.27-4.96-4.47-.14-.2-1.18-1.57-1.18-3 0-1.43.74-2.13 1-2.42.26-.29.58-.36.77-.36s.39 0 .56.01c.18.01.42-.07.66.5.24.59.82 2.04.89 2.18.07.14.12.31.02.5-.1.2-.15.32-.29.49-.14.17-.31.39-.44.52-.14.14-.29.31-.13.6.17.29.74 1.21 1.59 1.96 1.09.97 2 1.27 2.29 1.42.29.14.46.12.63-.07.17-.2.72-.84.91-1.13.19-.29.39-.24.65-.14.27.1 1.7.8 1.99.94.29.14.49.22.56.34.07.12.07.71-.17 1.4z"/>
    </svg>
  ),
  Pin: (p) => (
    <svg viewBox="0 0 24 24" fill="none" {...p}>
      <path d="M12 22s7-7.58 7-13a7 7 0 10-14 0c0 5.42 7 13 7 13z" stroke="currentColor" strokeWidth="1.8" strokeLinejoin="round"/>
      <circle cx="12" cy="9" r="2.5" stroke="currentColor" strokeWidth="1.8"/>
    </svg>
  ),
  Clock: (p) => (
    <svg viewBox="0 0 24 24" fill="none" {...p}>
      <circle cx="12" cy="12" r="9" stroke="currentColor" strokeWidth="1.8"/>
      <path d="M12 7v5l3 2" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
    </svg>
  ),
  Mail: (p) => (
    <svg viewBox="0 0 24 24" fill="none" {...p}>
      <rect x="3" y="5" width="18" height="14" stroke="currentColor" strokeWidth="1.8"/>
      <path d="M3 7l9 7 9-7" stroke="currentColor" strokeWidth="1.8" strokeLinejoin="round"/>
    </svg>
  ),
  Arrow: (p) => (
    <svg viewBox="0 0 14 10" fill="none" {...p}>
      <path d="M0 5h12M8 1l4 4-4 4" stroke="currentColor" strokeWidth="2" strokeLinecap="square"/>
    </svg>
  ),
  Check: (p) => (
    <svg viewBox="0 0 24 24" fill="none" {...p}>
      <path d="M4 12l5 5L20 6" stroke="currentColor" strokeWidth="2.4" strokeLinecap="square" strokeLinejoin="round"/>
    </svg>
  ),
  Quote: (p) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M7 7h4v4H8c0 2 1 3 3 3v3c-3 0-5-2-5-5V7zm9 0h4v4h-3c0 2 1 3 3 3v3c-3 0-5-2-5-5V7z"/>
    </svg>
  ),
};

window.Ico = Ico;
