/* Thin line icons (1.5px stroke). Single weight, no fills. */
const I = ({ d, size = 22, stroke = 1.5, className = "" }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor"
       strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round" className={className} aria-hidden="true">
    {d}
  </svg>
);

const Icon = {
  logo:    (p) => <I {...p} d={<><path d="M4 19V5"/><path d="M4 19h16"/><path d="M8 16V9"/><path d="M12 16v-4"/><path d="M16 16V7"/></>} />,
  arrow:   (p) => <I {...p} d={<><path d="M5 12h14"/><path d="m13 6 6 6-6 6"/></>} />,
  arrowDR: (p) => <I {...p} d={<><path d="M7 7h10v10"/><path d="M7 17 17 7"/></>} />,
  check:   (p) => <I {...p} d={<><path d="M5 12.5 10 17 19 7"/></>} />,
  x:       (p) => <I {...p} d={<><path d="m6 6 12 12"/><path d="M18 6 6 18"/></>} />,
  shield:  (p) => <I {...p} d={<><path d="M12 3 5 6v6c0 4 3 7 7 9 4-2 7-5 7-9V6l-7-3z"/><path d="m9 12 2 2 4-4"/></>} />,
  compass: (p) => <I {...p} d={<><circle cx="12" cy="12" r="9"/><path d="m15 9-2 5-5 2 2-5 5-2z"/></>} />,
  spark:   (p) => <I {...p} d={<><path d="M3 17 9 11l4 4 8-9"/><path d="M14 6h7v7"/></>} />,
  layers:  (p) => <I {...p} d={<><path d="m12 3 9 5-9 5-9-5 9-5z"/><path d="m3 13 9 5 9-5"/></>} />,
  flow:    (p) => <I {...p} d={<><path d="M3 6h13"/><path d="m13 3 3 3-3 3"/><path d="M21 12H8"/><path d="m11 9-3 3 3 3"/><path d="M3 18h13"/><path d="m13 15 3 3-3 3"/></>} />,
  scales:  (p) => <I {...p} d={<><path d="M12 3v18"/><path d="M5 21h14"/><path d="M5 7h14"/><path d="m5 7-2 6a3 3 0 0 0 4 0L5 7z"/><path d="m19 7-2 6a3 3 0 0 0 4 0l-2-6z"/></>} />,
  wallet:  (p) => <I {...p} d={<><rect x="3" y="6" width="18" height="13" rx="2"/><path d="M3 10h18"/><circle cx="16" cy="14.5" r="1.2"/></>} />,
  bar:     (p) => <I {...p} d={<><path d="M4 20V10"/><path d="M10 20V4"/><path d="M16 20v-7"/><path d="M22 20H2"/></>} />,
  pulse:   (p) => <I {...p} d={<><path d="M3 12h4l2-6 4 12 2-6h6"/></>} />,
  team:    (p) => <I {...p} d={<><circle cx="9" cy="9" r="3"/><circle cx="17" cy="10" r="2.2"/><path d="M3 19c0-3 3-5 6-5s6 2 6 5"/><path d="M15 18c0-1.8 1.5-3 3.5-3S22 16.2 22 18"/></>} />,
  filter:  (p) => <I {...p} d={<><path d="M4 5h16l-6 8v6l-4-2v-4L4 5z"/></>} />,
  phone:   (p) => <I {...p} d={<><path d="M5 4h4l2 5-3 2a12 12 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z"/></>} />,
  mail:    (p) => <I {...p} d={<><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></>} />,
  tg:      (p) => <I {...p} d={<><path d="m4 12 16-7-3 16-5-4-3 3 .5-5L4 12z"/></>} />,
  doc:     (p) => <I {...p} d={<><path d="M7 3h8l5 5v13a0 0 0 0 1 0 0H7a0 0 0 0 1 0 0V3z"/><path d="M14 3v5h5"/><path d="M9 13h7"/><path d="M9 16h5"/></>} />,
  calendar:(p) => <I {...p} d={<><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 9h18"/><path d="M8 3v4"/><path d="M16 3v4"/></>} />,
  chip:    (p) => <I {...p} d={<><rect x="6" y="6" width="12" height="12" rx="2"/><path d="M9 3v3"/><path d="M15 3v3"/><path d="M9 18v3"/><path d="M15 18v3"/><path d="M3 9h3"/><path d="M3 15h3"/><path d="M18 9h3"/><path d="M18 15h3"/></>} />,
  bolt:    (p) => <I {...p} d={<><path d="M13 3 4 14h6l-1 7 9-11h-6l1-7z"/></>} />,
  brain:   (p) => <I {...p} d={<><path d="M9 5a3 3 0 0 0-3 3v.5A3 3 0 0 0 4 11v1a3 3 0 0 0 2 2.8V17a3 3 0 0 0 3 3"/><path d="M15 5a3 3 0 0 1 3 3v.5A3 3 0 0 1 20 11v1a3 3 0 0 1-2 2.8V17a3 3 0 0 1-3 3"/><path d="M12 5v15"/></>} />,
};

window.Icon = Icon;
