// icons.jsx — Custom-drawn icons for CheapCarrots (no emoji-only chrome)
const Icon = ({ d, size = 22, stroke = 'currentColor', sw = 1.8, fill = 'none', children, vb = 24 }) => (
);
const IconSearch = (p) => ;
const IconCart = (p) => ;
const IconHome = (p) => ;
const IconList = (p) => ;
const IconUser = (p) => ;
const IconBolt = (p) => ;
const IconTruck = (p) => ;
const IconBag = (p) => ;
const IconStar = (p) => ;
const IconLeaf = (p) => ;
const IconPin = (p) => ;
const IconClock = (p) => ;
const IconChevR = (p) => ;
const IconChevL = (p) => ;
const IconChevD = (p) => ;
const IconPlus = (p) => ;
const IconMinus = (p) => ;
const IconCheck = (p) => ;
const IconX = (p) => ;
const IconHeart = (p) => ;
const IconFilter = (p) => ;
const IconScan = (p) => ;
const IconSettings = (p) => ;
const IconSparkle = (p) => ;
const IconBookmark = (p) => ;
const IconRepeat = (p) => ;
const IconStore = (p) => ;
const IconDots = (p) => ;
const IconArrowR = (p) => ;
const IconBell = (p) => ;
const IconFlame = (p) => ;
// Quality-mark badge (for organic, etc.)
const Pill = ({ children, bg = '#eee', color = '#333', size = 11, weight = 600, style = {} }) => (
{children}
);
// Star-row helper (uses IconStar)
const Stars = ({ rating, color = '#F2A035', size = 12 }) => (
{[1,2,3,4,5].map(i => (
))}
);
// Logo placeholder per store (rounded square w/ first letter, store color)
const StoreMark = ({ store, size = 36, radius = 10 }) => (
{store.name[0]}
);
Object.assign(window, {
IconSearch, IconCart, IconHome, IconList, IconUser, IconBolt, IconTruck,
IconBag, IconStar, IconLeaf, IconPin, IconClock, IconChevR, IconChevL, IconChevD,
IconPlus, IconMinus, IconCheck, IconX, IconHeart, IconFilter, IconScan,
IconSettings, IconSparkle, IconBookmark, IconRepeat, IconStore, IconDots,
IconArrowR, IconBell, IconFlame,
Pill, Stars, StoreMark,
});