function Boutique({go,cart,updateQty,removeItem}){
const {SectionHeader,Breadcrumbs,CartItem,Button,Card} = window.IDHDesignSystem_6f4674;
const total = cart.reduce((s,it)=>s+it.price*it.qty,0);
return React.createElement('div',{style:{maxWidth:1240,margin:'0 auto',padding:'32px 32px 80px'}},
React.createElement(Breadcrumbs,{items:[{href:'accueil',label:'Accueil'},{href:'boutique',label:'Mon Panier'}],onNavigate:go}),
React.createElement('div',{style:{marginTop:20}},React.createElement(SectionHeader,{title:'Mon Panier',subtitle:cart.length+' article(s)'})),
cart.length===0?
React.createElement(Card,{padding:'48px',elevated:false},React.createElement('div',{style:{textAlign:'center',color:'var(--text-muted)',fontFamily:'var(--font-body)'}},'Votre panier est vide.',React.createElement('div',{style:{marginTop:16}},React.createElement(Button,{variant:'primary',onClick:()=>go('catalogue')},'Parcourir le catalogue')))):
React.createElement('div',{style:{display:'grid',gridTemplateColumns:'1.6fr 1fr',gap:32,marginTop:32,alignItems:'start'}},
React.createElement(Card,{padding:'8px 24px'},cart.map(it=>React.createElement(CartItem,{key:it.ref,image:React.createElement(window.ProductImage,{icon:it.icon,size:44,photo:it.photo&&('assets/products/'+it.photo)}),brand:it.brand,name:it.name,price:it.price,qty:it.qty,onQtyChange:q=>updateQty(it.ref,q),onRemove:()=>removeItem(it.ref)}))),
React.createElement(Card,{padding:'24px',elevated:true},
React.createElement('div',{style:{fontFamily:'var(--font-display)',fontWeight:700,fontSize:18,marginBottom:18}},'Récapitulatif'),
React.createElement('div',{style:{display:'flex',justifyContent:'space-between',fontFamily:'var(--font-body)',fontSize:14.5,color:'var(--text-secondary)',marginBottom:10}},React.createElement('span',null,'Sous-total'),React.createElement('span',null,total.toLocaleString('fr-FR')+' FCFA')),
React.createElement('div',{style:{display:'flex',justifyContent:'space-between',fontFamily:'var(--font-body)',fontSize:14.5,color:'var(--text-secondary)',marginBottom:18}},React.createElement('span',null,'Livraison'),React.createElement('span',null,'Calculée à la commande')),
React.createElement('div',{style:{display:'flex',justifyContent:'space-between',fontFamily:'var(--font-display)',fontWeight:700,fontSize:20,color:'var(--brand-primary)',borderTop:'1px solid var(--border-default)',paddingTop:16,marginBottom:20}},React.createElement('span',null,'Total'),React.createElement('span',null,total.toLocaleString('fr-FR')+' FCFA')),
React.createElement('div',{style:{marginTop:6}},React.createElement(Button,{variant:'primary',fullWidth:true,size:'lg',onClick:()=>go('commande')},'Passer la commande')))));
}
window.Boutique = Boutique;
