/* global React, ReactDOM */
// ============================================================
// WAVE AIR · STUDIO (V6) — app root (production: no tweaks panel).
// ============================================================
(function () {
const { useEffect } = React;
const { ShopCtx, useShopState } = window.DGShop;
const { Nav, Home6, Product6, CartDrawer6, Checkout6, Toast6 } = window.DGV6;

function Root() {
  const shop = useShopState();
  const t = { buildspeed: "normal" };
  useEffect(() => {
    document.body.classList.add("v6");
    window.__dgMotion = 1;
    return () => document.body.classList.remove("v6");
  }, []);
  const { view } = shop;
  return (
    <ShopCtx.Provider value={{ ...shop, t }}>
      <Nav />
      <main>
        {view === "home" && <Home6 />}
        {view === "product" && <Product6 />}
        {view === "cart" && <Checkout6 />}
        {view === "checkout" && <Checkout6 />}
      </main>
      <CartDrawer6 />
      <Toast6 />
    </ShopCtx.Provider>
  );
}

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