// Simple stroke icons — Lucide-style, drawn inline. Single source of truth.
const Icon = ({ name, size = 20, className = '', strokeWidth = 1.8 }) => {
const common = {
width: size,
height: size,
viewBox: '0 0 24 24',
fill: 'none',
stroke: 'currentColor',
strokeWidth,
strokeLinecap: 'round',
strokeLinejoin: 'round',
className,
};
const paths = {
cart: (
<>
),
bag: (
<>
),
pin: (
<>
),
users: (
<>
),
search: (
<>
),
filter: (
<>
),
chevronRight: ,
chevronLeft: ,
chevronDown: ,
arrowRight: (
<>
),
arrowLeft: (
<>
),
close: (
<>
),
plus: (
<>
),
minus: ,
trash: (
<>
),
check: ,
checkCircle: (
<>
),
sparkle: (
<>
),
star: ,
heart: ,
menu: (
<>
),
phone: ,
mail: (
<>
),
gift: (
<>
),
sparkles: (
<>
),
spool: (
<>
),
clipboard: (
<>
),
truck: (
<>
),
handshake: (
<>
),
flame: (
<>
),
spark: ,
};
return ;
};
window.Icon = Icon;