/* ============================================================
   APP — router + mount
   ============================================================ */
function Router() {
  const { route } = useStore();
  const { page, params } = route;
  switch (page) {
    case 'brief':return <BriefPage />;
    case 'order-confirmed':return <OrderConfirmedPage params={params} />;
    case 'invoice':return <InvoicePage params={params} />;
    case 'home':return <HomePage />;
    case 'shop':return <ShopPage params={params} />;
    case 'product':return <ProductPage params={params} />;
    case 'cart':return <CartPage />;
    case 'checkout':return <CheckoutPage />;
    case 'confirm':return <ConfirmPage params={params} />;
    case 'account':return <AccountPage />;
    case 'signin':return <SignInPage />;
    case 'signup':return <SignUpPage />;
    case 'about':return <AboutPage />;
    case 'services':return <ServicesPage />;
    case 'contact':return <ContactPage />;
    case 'policy':return <PolicyPage params={params} />;
    default:return <HomePage />;
  }
}

function App() {
  return (
    <StoreProvider>
      <Header />
      <main><Router /></main>
      <Footer />
      <CartDrawer />
      <Toasts />
    </StoreProvider>);

}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);