// icons.jsx — minimal lucide-style line icons, 1.5px stroke

const I = (path, vb = '24 24') => ({ size = 22, color = 'currentColor', strokeWidth = 1.5, style }) => (
  <svg width={size} height={size} viewBox={`0 0 ${vb}`} fill="none" stroke={color}
       strokeWidth={strokeWidth} strokeLinecap="round" strokeLinejoin="round" style={style}>
    {path}
  </svg>
);

const IconMenu = I(<><path d="M4 7h16M4 12h16M4 17h16"/></>);
const IconClose = I(<><path d="M18 6L6 18M6 6l12 12"/></>);
const IconSearch = I(<><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.35-4.35"/></>);
const IconCart = I(<><path d="M3 4h2l2.4 12.4a2 2 0 002 1.6h8.4a2 2 0 002-1.6L21 8H6"/><circle cx="9" cy="20" r="1.5"/><circle cx="18" cy="20" r="1.5"/></>);
const IconHome = I(<><path d="M3 11l9-8 9 8v9a2 2 0 01-2 2h-4v-7h-6v7H5a2 2 0 01-2-2v-9z"/></>);
const IconShop = I(<><path d="M3 9h18l-1.5 11a2 2 0 01-2 1.8H6.5a2 2 0 01-2-1.8L3 9z"/><path d="M8 9V6a4 4 0 018 0v3"/></>);
const IconUser = I(<><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></>);
const IconChevronRight = I(<><path d="M9 6l6 6-6 6"/></>);
const IconChevronLeft = I(<><path d="M15 6l-6 6 6 6"/></>);
const IconChevronDown = I(<><path d="M6 9l6 6 6-6"/></>);
const IconChevronUp = I(<><path d="M6 15l6-6 6 6"/></>);
const IconStar = ({ filled, size = 14, color = 'currentColor' }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={filled ? color : 'none'} stroke={color} strokeWidth="1.5" strokeLinejoin="round">
    <path d="M12 2.5l2.9 6.5 7.1.6-5.4 4.7 1.7 7-6.3-3.8-6.3 3.8 1.7-7L1.9 9.6l7.1-.6L12 2.5z"/>
  </svg>
);
const IconShield = I(<><path d="M12 3l8 3v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V6l8-3z"/></>);
const IconCheck = I(<><path d="M5 12l5 5L20 7"/></>);
const IconPlus = I(<><path d="M12 5v14M5 12h14"/></>);
const IconMinus = I(<><path d="M5 12h14"/></>);
const IconTrash = I(<><path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M19 6l-1.4 14.2a2 2 0 01-2 1.8H8.4a2 2 0 01-2-1.8L5 6"/></>);
const IconHeart = I(<><path d="M20.8 5.4a5.5 5.5 0 00-7.8 0L12 6.4l-1-1a5.5 5.5 0 10-7.8 7.8l1 1L12 22l7.8-7.8 1-1a5.5 5.5 0 000-7.8z"/></>);
const IconShare = I(<><circle cx="18" cy="5" r="2.5"/><circle cx="6" cy="12" r="2.5"/><circle cx="18" cy="19" r="2.5"/><path d="M8.2 10.8L15.8 6.2M8.2 13.2l7.6 4.6"/></>);
const IconFilter = I(<><path d="M3 5h18M6 12h12M10 19h4"/></>);
const IconSort = I(<><path d="M3 6h13M3 12h9M3 18h5M17 8l4-4 4 4M21 4v16"/></>, '28 24');
const IconArrowRight = I(<><path d="M5 12h14M13 5l7 7-7 7"/></>);
const IconArrowUp = I(<><path d="M12 5v14M5 12l7-7 7 7"/></>);
const IconCpu = I(<><rect x="5" y="5" width="14" height="14" rx="2"/><rect x="9" y="9" width="6" height="6"/><path d="M9 1v3M15 1v3M9 20v3M15 20v3M1 9h3M1 15h3M20 9h3M20 15h3"/></>);
const IconBolt = I(<><path d="M13 2L4 14h7l-1 8 9-12h-7l1-8z"/></>);
const IconWrench = I(<><path d="M14.7 6.3a4 4 0 00-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 005.4-5.4l-2.6 2.6-2.4-2.4 2.6-2.6z"/></>);
const IconFlag = I(<><path d="M5 21V4M5 4h13l-3 5 3 5H5"/></>);
const IconInstagram = I(<><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="0.6" fill="currentColor" stroke="none"/></>);
const IconYoutube = I(<><rect x="2" y="5" width="20" height="14" rx="3"/><path d="M10 9l5 3-5 3V9z" fill="currentColor"/></>);
const IconPlay = I(<><path d="M6 4l14 8-14 8V4z" fill="currentColor"/></>);
const IconPin = I(<><path d="M12 22s7-7 7-12a7 7 0 10-14 0c0 5 7 12 7 12z"/><circle cx="12" cy="10" r="2.5"/></>);
const IconLock = I(<><rect x="4" y="11" width="16" height="10" rx="2"/><path d="M8 11V7a4 4 0 018 0v4"/></>);
const IconAppleStore = I(<><path d="M16 8a4 4 0 00-2.5 7c-.5.7-1 1.4-1.5 2-.5-.6-1-1.3-1.5-2A4 4 0 008 8c0-3 2-5 5-5s5 2 5 5"/></>);
const IconClock = I(<><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></>);
const IconTruck = I(<><path d="M2 6h11v10H2zM13 9h5l3 4v3h-8z"/><circle cx="6" cy="18" r="2"/><circle cx="17" cy="18" r="2"/></>);
const IconReturn = I(<><path d="M3 12a9 9 0 0115-7l3 3M21 12a9 9 0 01-15 7l-3-3"/></>);
const IconAward = I(<><circle cx="12" cy="9" r="6"/><path d="M8.5 14L7 22l5-3 5 3-1.5-8"/></>);

Object.assign(window, {
  IconMenu, IconClose, IconSearch, IconCart, IconHome, IconShop, IconUser,
  IconChevronRight, IconChevronLeft, IconChevronDown, IconChevronUp,
  IconStar, IconShield, IconCheck, IconPlus, IconMinus, IconTrash,
  IconHeart, IconShare, IconFilter, IconSort, IconArrowRight, IconArrowUp,
  IconCpu, IconBolt, IconWrench, IconFlag, IconInstagram, IconYoutube,
  IconPlay, IconPin, IconLock, IconClock, IconTruck, IconReturn, IconAward,
});
