/* global React, ReactDOM, AppProvider, useApp, Nav, Footer, CartDrawer, Home, Cardapio, Sobre, Checkout, Accounting */
function Router() {
  const { route } = useApp();
  let Page = Home;
  if (route.startsWith("/cardapio")) Page = Cardapio;
  else if (route.startsWith("/sobre")) Page = Sobre;
  else if (route.startsWith("/checkout")) Page = Checkout;
  else if (route.startsWith("/contabilidad") || route.startsWith("/caja")) Page = Accounting;
  if (Page === Accounting) return <Accounting />;
  return (
    <>
      <Nav />
      <Page />
      <Footer />
      <CartDrawer />
    </>
  );
}
function App() {
  return <AppProvider><Router /></AppProvider>;
}
ReactDOM.createRoot(document.getElementById("root")).render(<App />);