// NekoShop — main app entry, wires router → pages

const { useEffect: useEffectA } = React;

function App() {
  return (
    <CurrencyProvider>
      <CartProvider>
        <RouterProvider>
          <AppShell />
        </RouterProvider>
      </CartProvider>
    </CurrencyProvider>
  );
}

function AppShell() {
  const { route } = useRouter();
  let page;
  switch (route.name) {
    case "home":     page = <HomePage />; break;
    case "browse":   page = <BrowsePage />; break;
    case "category": page = <BrowsePage initialCat={route.id} key={route.id} />; break;
    case "product":  page = <ProductPage id={route.id} key={route.id} />; break;
    case "cart":     page = <CartPage />; break;
    case "checkout": page = <CheckoutPage />; break;
    case "success":  page = <SuccessPage id={route.id} />; break;
    case "info":     page = <InfoPage section={route.section} key={route.section || "install"} />; break;
    default:         page = <HomePage />;
  }
  return (
    <div data-screen-label={route.name}>
      <EventBanner />
      <TopNav />
      {page}
      <Footer />
    </div>
  );
}

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