// Shared icons for the website kit (Lucide-style, inlined).
// Each is a small React component so JSX usage stays clean.

const Icon = ({ d, size = 20, sw = 1.5 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
    stroke="currentColor" strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
    {Array.isArray(d) ? d.map((path, i) => <path key={i} d={path} />) : <path d={d} />}
  </svg>
);

const IconFuel  = (p) => <Icon {...p} d={["M14 4h-4l-1 4h6Z","M5 21h14","M8 21V8h8v13","M16 12h2a2 2 0 0 1 2 2v3a2 2 0 0 0 2 2"]}/>;
const IconTruck = (p) => <Icon {...p} d={["M3 17V7a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10H3Z","M17 9h3l2 4v4h-3"]}/>;
const IconCard  = (p) => <Icon {...p} d={["M2 7h20v10H2z","M2 11h20","M6 15h2"]}/>;
const IconPin   = (p) => <Icon {...p} d={["M12 22s-7-7.6-7-12a7 7 0 0 1 14 0c0 4.4-7 12-7 12Z","M12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"]}/>;
const IconClock = (p) => <Icon {...p} d={["M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z","M12 7v5l3 2"]}/>;
const IconPhone = (p) => <Icon {...p} d={["M22 16.92V21a1 1 0 0 1-1.09 1A19 19 0 0 1 2 4.09 1 1 0 0 1 3 3h4.09a1 1 0 0 1 1 .75l1 4a1 1 0 0 1-.27 1L7 10a16 16 0 0 0 7 7l1.25-1.82a1 1 0 0 1 1-.27l4 1a1 1 0 0 1 .75 1Z"]}/>;
const IconMail  = (p) => <Icon {...p} d={["M4 4h16v16H4z","M4 4l8 8 8-8"]}/>;
const IconCheck = (p) => <Icon {...p} d={["M4 12l5 5L20 6"]}/>;
const IconArrow = (p) => <Icon {...p} d={["M5 12h14","M13 5l7 7-7 7"]}/>;

Object.assign(window, { Icon, IconFuel, IconTruck, IconCard, IconPin, IconClock, IconPhone, IconMail, IconCheck, IconArrow });