// icons.jsx — simple line/solid UI icons (stroke-based, standard UI glyphs)
const Ic = ({ d, size = 20, fill = "none", stroke = "currentColor", sw = 1.8, children, ...p }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={fill} stroke={stroke}
       strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round" {...p}>
    {d ? <path d={d} /> : children}
  </svg>
);

const IconCar = (p) => (<Ic {...p}><path d="M5 11l1.5-4.5A2 2 0 018.4 5h7.2a2 2 0 011.9 1.5L19 11" /><path d="M3 11h18v5a1 1 0 01-1 1h-1a1 1 0 01-1-1v-1H6v1a1 1 0 01-1 1H4a1 1 0 01-1-1z" /><circle cx="7" cy="14.5" r="1" /><circle cx="17" cy="14.5" r="1" /></Ic>);
const IconBike = (p) => (<Ic {...p}><circle cx="6" cy="16" r="3" /><circle cx="18" cy="16" r="3" /><path d="M6 16l3.5-6h4l2.5 6" /><path d="M9.5 10l-1.5-3H6" /><path d="M13.5 10h3l1.5 3" /></Ic>);
const IconSearch = (p) => (<Ic {...p}><circle cx="11" cy="11" r="7" /><path d="M21 21l-4-4" /></Ic>);
const IconWhats = ({ size = 20, ...p }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="currentColor" {...p}>
    <path d="M17.5 14.4c-.3-.15-1.7-.84-2-.94-.26-.1-.46-.15-.65.15-.2.3-.74.94-.9 1.13-.17.2-.34.22-.63.07-.3-.15-1.25-.46-2.38-1.47-.88-.78-1.47-1.75-1.64-2.05-.17-.3-.02-.46.13-.6.13-.14.3-.34.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.65-1.58-.9-2.16-.24-.56-.48-.49-.65-.5h-.56c-.2 0-.5.07-.77.37-.26.3-1 .98-1 2.4 0 1.4 1.03 2.76 1.17 2.96.15.2 2.02 3.08 4.9 4.32.68.3 1.22.47 1.64.6.69.22 1.31.19 1.8.12.55-.08 1.7-.7 1.94-1.36.24-.67.24-1.24.17-1.36-.07-.12-.27-.2-.56-.34z" />
    <path d="M12 2a10 10 0 00-8.5 15.3L2 22l4.8-1.45A10 10 0 1012 2zm0 1.8a8.2 8.2 0 016.96 12.52l-.2.32.66 2.4-2.46-.64-.31.18A8.2 8.2 0 1112 3.8z" fillRule="evenodd" />
  </svg>
);
const IconCalendar = (p) => (<Ic {...p}><rect x="3" y="5" width="18" height="16" rx="2" /><path d="M3 9h18M8 3v4M16 3v4" /></Ic>);
const IconClock = (p) => (<Ic {...p}><circle cx="12" cy="12" r="9" /><path d="M12 7v5l3 2" /></Ic>);
const IconPin = (p) => (<Ic {...p}><path d="M12 21s-7-5.5-7-11a7 7 0 0114 0c0 5.5-7 11-7 11z" /><circle cx="12" cy="10" r="2.5" /></Ic>);
const IconGauge = (p) => (<Ic {...p}><path d="M4 18a8 8 0 1116 0" /><path d="M12 14l4-3" /><circle cx="12" cy="14" r="1.2" fill="currentColor" stroke="none" /></Ic>);
const IconGear = (p) => (<Ic {...p}><path d="M5 8h6M5 8v8M11 8v8M5 16h6" /><path d="M11 8h4a4 4 0 014 4v4" /><circle cx="19" cy="8" r="1.4" fill="currentColor" stroke="none" /></Ic>);
const IconFuel = (p) => (<Ic {...p}><path d="M5 21V5a2 2 0 012-2h6a2 2 0 012 2v16M4 21h12" /><path d="M5 12h10" /><path d="M15 8l3 3v6a2 2 0 002 2 2 2 0 002-2v-7l-3-4" /></Ic>);
const IconPalette = (p) => (<Ic {...p}><circle cx="12" cy="12" r="9" /><circle cx="8.5" cy="9.5" r="1" fill="currentColor" stroke="none" /><circle cx="15.5" cy="9.5" r="1" fill="currentColor" stroke="none" /><circle cx="16" cy="14" r="1" fill="currentColor" stroke="none" /><path d="M12 21a3 3 0 003-3c0-1-1-1.5-1-2.5s1-1.5 2-1.5" /></Ic>);
const IconCalDay = (p) => (<Ic {...p}><rect x="3" y="4" width="18" height="17" rx="2" /><path d="M3 9h18M8 2v4M16 2v4" /><circle cx="12" cy="15" r="2.4" fill="currentColor" stroke="none" /></Ic>);
const IconArrowLeft = (p) => (<Ic {...p}><path d="M15 5l-7 7 7 7" /></Ic>);
const IconArrowRight = (p) => (<Ic {...p}><path d="M9 5l7 7-7 7" /></Ic>);
const IconCheck = (p) => (<Ic {...p}><path d="M4 12l5 5L20 6" /></Ic>);
const IconCheckCircle = (p) => (<Ic {...p}><circle cx="12" cy="12" r="9" /><path d="M8 12l3 3 5-6" /></Ic>);
const IconX = (p) => (<Ic {...p}><path d="M6 6l12 12M18 6L6 18" /></Ic>);
const IconPlus = (p) => (<Ic {...p}><path d="M12 5v14M5 12h14" /></Ic>);
const IconEdit = (p) => (<Ic {...p}><path d="M4 20h4L19 9l-4-4L4 16z" /><path d="M14 6l4 4" /></Ic>);
const IconTrash = (p) => (<Ic {...p}><path d="M4 7h16M9 7V5a1 1 0 011-1h4a1 1 0 011 1v2M6 7l1 13a1 1 0 001 1h8a1 1 0 001-1l1-13" /></Ic>);
const IconLogout = (p) => (<Ic {...p}><path d="M15 4h3a1 1 0 011 1v14a1 1 0 01-1 1h-3" /><path d="M10 8l-4 4 4 4M6 12h11" /></Ic>);
const IconLock = (p) => (<Ic {...p}><rect x="5" y="11" width="14" height="9" rx="2" /><path d="M8 11V8a4 4 0 018 0v3" /></Ic>);
const IconUser = (p) => (<Ic {...p}><circle cx="12" cy="8" r="4" /><path d="M4 21a8 8 0 0116 0" /></Ic>);
const IconImage = (p) => (<Ic {...p}><rect x="3" y="4" width="18" height="16" rx="2" /><circle cx="8.5" cy="9.5" r="1.5" /><path d="M21 16l-5-5L5 20" /></Ic>);
const IconCamera = (p) => (<Ic {...p}><path d="M4 8h3l1.5-2h7L17 8h3a1 1 0 011 1v9a1 1 0 01-1 1H4a1 1 0 01-1-1V9a1 1 0 011-1z" /><circle cx="12" cy="13" r="3.2" /></Ic>);
const IconSliders = (p) => (<Ic {...p}><path d="M4 8h10M18 8h2M4 16h2M10 16h10" /><circle cx="16" cy="8" r="2" /><circle cx="8" cy="16" r="2" /></Ic>);
const IconStar = (p) => (<Ic {...p}><path d="M12 4l2.4 5 5.6.6-4.2 3.8 1.2 5.6L12 16.5 6.9 19l1.2-5.6L4 9.6 9.6 9z" /></Ic>);
const IconPhone = (p) => (<Ic {...p}><path d="M5 4h3l1.5 5-2 1.5a11 11 0 005 5l1.5-2 5 1.5v3a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z" /></Ic>);
const IconChevDown = (p) => (<Ic {...p}><path d="M6 9l6 6 6-6" /></Ic>);
const IconShield = (p) => (<Ic {...p}><path d="M12 3l7 3v6c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6z" /><path d="M9 12l2 2 4-4" /></Ic>);
const IconMenu = (p) => (<Ic {...p}><path d="M4 7h16M4 12h16M4 17h16" /></Ic>);
const IconInsta = (p) => (<Ic {...p}><rect x="3" y="3" width="18" height="18" rx="5" /><circle cx="12" cy="12" r="4" /><circle cx="17" cy="7" r="1.1" fill="currentColor" stroke="none" /></Ic>);
const IconBolt = (p) => (<Ic {...p}><path d="M13 2L5 13h6l-1 9 8-11h-6z" /></Ic>);
const IconTag = (p) => (<Ic {...p}><path d="M3 11.5V5a2 2 0 012-2h6.5L21 12.5 12.5 21z" /><circle cx="7.5" cy="7.5" r="1.3" fill="currentColor" stroke="none" /></Ic>);

Object.assign(window, {
  IconCar, IconBike, IconSearch, IconWhats, IconCalendar, IconClock, IconPin, IconGauge,
  IconGear, IconFuel, IconPalette, IconCalDay, IconArrowLeft, IconArrowRight, IconCheck,
  IconCheckCircle, IconX, IconPlus, IconEdit, IconTrash, IconLogout, IconLock, IconUser,
  IconImage, IconCamera, IconSliders, IconStar, IconPhone, IconChevDown, IconShield, IconMenu,
  IconInsta, IconBolt, IconTag,
});
