// ========= ModoLar — Componentes compartilhados ========= /* global React */ const { useState, useEffect, useRef, useMemo } = React; // ====== Ícones (inline SVG — sem depender de CDN) ====== const Icon = { Search: (p) => , Cart: (p) => , Heart: (p) => , WhatsApp: (p) => , Menu: (p) => , Close: (p) => , Arrow: (p) => , ArrowLeft: (p) => , ArrowRight: (p) => , Check: (p) => , Truck: (p) => , Shield: (p) => , Wallet: (p) => , Flag: (p) => , Star: (p) => , StarHalf: (p) => , Plus: (p) => , Minus: (p) => , Sliders: (p) => , Phone: (p) => , Box: (p) => , Sparkle: (p) => , Ruler: (p) => }; // Stars rendering function Stars({ value = 5, size = 14 }) { const full = Math.floor(value); const hasHalf = value - full >= 0.5; return ( {Array.from({length: 5}).map((_, i) => { if (i < full) return ; if (i === full && hasHalf) return ; return ; })} ); } // ====== Logo component ====== function Logo({ variant = 'cinza', height = 28, onClick }) { const src = variant === 'branco' ? 'assets/logo-branco.png' : variant === 'laranja' ? 'assets/logo-laranja.png' : 'assets/logo-cinza.png'; return ModoLar; } // ====== Marquee announcement ====== function Marquee() { const items = [ { i: , t: 'Frete grátis em toda região de Campinas' }, { i: , t: 'Pagamento na entrega' }, { i: , t: 'Entrega em até 3 dias úteis' }, { i: , t: 'Garantia de 1 ano' }, { i: , t: 'Tecnologia 100% brasileira' }, ]; const loop = [...items, ...items, ...items, ...items]; return (
{loop.map((it, i) => ( {it.i}{it.t} ))}
); } // ====== Header ====== function Header({ route, navigate, cartCount, openCart }) { return ( <>
); } // ====== Footer ====== function Footer({ navigate }) { return ( ); } // Expose to window for other Babel scripts Object.assign(window, { Icon, Stars, Logo, Marquee, Header, Footer });