// Iconography — minimal industrial line icons
const Icon = ({ children, size = 24, stroke = 1.6, ...rest }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
       stroke="currentColor" strokeWidth={stroke}
       strokeLinecap="square" strokeLinejoin="miter" {...rest}>
    {children}
  </svg>
);

const ArrowRight = (p) => <Icon {...p}><path d="M4 12h15M13 6l6 6-6 6"/></Icon>;
const Check = (p) => <Icon {...p}><path d="M4 12l5 5L20 6"/></Icon>;
const Bolt = (p) => <Icon {...p}><path d="M13 3L5 14h6l-1 7 8-11h-6l1-7z"/></Icon>;
const Sun = (p) => <Icon {...p}><circle cx="12" cy="12" r="4"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M5 19l2-2M17 7l2-2"/></Icon>;
const Battery = (p) => <Icon {...p}><rect x="3" y="8" width="16" height="8" rx="1"/><path d="M19 10v4M6 10v4M10 10v4"/></Icon>;
const Trailer = (p) => <Icon {...p}><rect x="3" y="6" width="16" height="9"/><path d="M19 12h2M3 15h18"/><circle cx="8" cy="18" r="2"/><circle cx="14" cy="18" r="2"/></Icon>;
const Pump = (p) => <Icon {...p}><path d="M5 21V8l5-3 5 3v13"/><path d="M5 13h10M9 21V13"/><path d="M19 9v8a2 2 0 1 1-4 0V11"/></Icon>;
const Coffee = (p) => <Icon {...p}><path d="M3 10h14v6a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-6z"/><path d="M17 12h2a3 3 0 1 1 0 6h-2"/><path d="M7 5c0 1 1 1 1 2s-1 1-1 2M11 5c0 1 1 1 1 2s-1 1-1 2"/></Icon>;
const Speaker = (p) => <Icon {...p}><rect x="6" y="3" width="12" height="18" rx="1"/><circle cx="12" cy="9" r="2"/><circle cx="12" cy="15" r="3"/></Icon>;
const Tools = (p) => <Icon {...p}><path d="M14 7l3-3 3 3-3 3-3-3zM4 20l8-8M11 13l-3 3-4-4 3-3"/></Icon>;
const Snow = (p) => <Icon {...p}><path d="M12 2v20M2 12h20M5 5l14 14M19 5L5 19"/></Icon>;
const Plug = (p) => <Icon {...p}><path d="M9 2v6M15 2v6M6 8h12v4a6 6 0 0 1-12 0V8zM12 18v4"/></Icon>;
const Wifi = (p) => <Icon {...p}><path d="M2 9a16 16 0 0 1 20 0M5 13a11 11 0 0 1 14 0M8.5 16.5a6 6 0 0 1 7 0"/><circle cx="12" cy="20" r="1"/></Icon>;
const Cog = (p) => <Icon {...p}><circle cx="12" cy="12" r="3"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3M4 4l2 2M18 18l2 2M4 20l2-2M18 6l2-2"/></Icon>;
const Tractor = (p) => <Icon {...p}><rect x="3" y="6" width="9" height="6"/><path d="M12 9h6l3 3v3h-9"/><circle cx="7" cy="17" r="3"/><circle cx="18" cy="17" r="2"/></Icon>;
const Hammer = (p) => <Icon {...p}><path d="M14 6l4-4 4 4-4 4M14 6l-9 9-3 3 3 3 3-3 9-9"/></Icon>;
const Road = (p) => <Icon {...p}><path d="M5 21l3-18M19 21l-3-18M12 3v3M12 10v3M12 17v3"/></Icon>;
const Music = (p) => <Icon {...p}><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/><path d="M9 18V5l12-2v13"/></Icon>;
const Home = (p) => <Icon {...p}><path d="M3 11l9-8 9 8v10h-6v-7H9v7H3z"/></Icon>;
const Grape = (p) => <Icon {...p}><circle cx="9" cy="13" r="2.5"/><circle cx="15" cy="13" r="2.5"/><circle cx="12" cy="17" r="2.5"/><circle cx="6" cy="17" r="2.5"/><circle cx="18" cy="17" r="2.5"/><path d="M12 8V3M12 3l4-1"/></Icon>;
const Camera = (p) => <Icon {...p}><rect x="2" y="7" width="20" height="13" rx="1"/><circle cx="12" cy="13" r="4"/><path d="M8 7l2-3h4l2 3"/></Icon>;
const Tent = (p) => <Icon {...p}><path d="M3 21L12 4l9 17M9 21l3-6 3 6"/></Icon>;
const Shield = (p) => <Icon {...p}><path d="M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6l8-3z"/></Icon>;
const Stethoscope = (p) => <Icon {...p}><path d="M5 3v6a4 4 0 0 0 8 0V3M9 13v3a4 4 0 0 0 8 0v-2"/><circle cx="17" cy="11" r="2"/></Icon>;
const Volume = (p) => <Icon {...p}><path d="M11 5L6 9H2v6h4l5 4V5zM15 9a4 4 0 0 1 0 6M18 6a8 8 0 0 1 0 12"/></Icon>;
const Leaf = (p) => <Icon {...p}><path d="M5 21c0-12 8-16 16-16 0 12-7 16-16 16zM5 21c4-7 9-12 16-16"/></Icon>;

Object.assign(window, {
  Icon, ArrowRight, Check, Bolt, Sun, Battery, Trailer, Pump, Coffee, Speaker,
  Tools, Snow, Plug, Wifi, Cog, Tractor, Hammer, Road, Music, Home, Grape,
  Camera, Tent, Shield, Stethoscope, Volume, Leaf
});