/* global React, ReactDOM */

function App() {
  const { path, parts } = useRouter();

  let page = null;
  if (path === "/" || path === "") page = React.createElement(HomePage);
  else if (path.startsWith("/shop")) page = React.createElement(ShopPage);
  else if (path === "/search") page = React.createElement(SearchPage);
  else if (parts[0] === "product") page = React.createElement(ProductPage);
  else if (path === "/cart") page = React.createElement(CartPage);
  else if (path === "/checkout") page = React.createElement(CheckoutPage);
  else if (path === "/payment") page = React.createElement(PaymentPage);
  else if (parts[0] === "confirmation") page = React.createElement(ConfirmationPage);
  else if (path === "/login") page = React.createElement(LoginPage);
  else if (path === "/account") page = React.createElement(AccountPage);
  else page = React.createElement(HomePage);

  return React.createElement(React.Fragment, null,
    React.createElement(Navbar),
    React.createElement("main", null, page),
    React.createElement(Footer),
    React.createElement(Toast),
    React.createElement(TweaksPanel),
  );
}

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(React.createElement(StoreProvider, null, React.createElement(App)));