// app.jsx — Mounts and routes the application

function App() {
  const parts = useRoute();
  const top = parts[0] || "home";
  const sub  = parts[1] || "";
  const sub2 = parts[2] || "";

  let page;
  switch (top) {
    case "team":    page = <PageTeam />; break;
    case "tour":    page = <PageTour />; break;
    case "about":   page = <PageAbout sub={sub} />; break;
    case "support": page = <PageSupport sub={sub} />; break;
    case "rugby":   page = <PageRugby sub={sub} sub2={sub2} />; break;
    case "guider":  page = <PageGuider sub={sub} />; break;
    case "home":    page = <PageHome />; break;
    default:        page = <Page404 />;
  }

  return (
    <div className="app">
      <NavBar />
      <main className="app__main">{page}</main>
      <Footer />
    </div>
  );
}

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