import { Route, Routes } from "react-router";
import { GeneralPageTracking } from "./services/tracking/GeneralPageTracking";

import { AppSelectionPage } from "./pages/AppSelection/AppSelection";
import { ValueAdvisoryServicesPage } from "./pages/ValueAdvisoryServices/ValueAdvisoryServices";
import { RadEnablementPage } from "./pages/RadEnablement/RadEnablement";
import { ValuePartnershipPage } from "./pages/ValuePartnership/ValuePartnership";

/**
 * Route table of the exhibit: "/" is the app selection, each presentation
 * mode has its own path (with an optional `:viewId` slide segment), and
 * GeneralPageTracking reports every route change.
 */
const Pages = () => {
  return (
    <>
      <Routes>
        <Route path="/" element={<AppSelectionPage />} />
        <Route path="/value-advisory-services/:viewId?" element={<ValueAdvisoryServicesPage />} />
        <Route path="/rad-enablement/:viewId?" element={<RadEnablementPage />} />
        <Route path="/value-partnership" element={<ValuePartnershipPage />} />
      </Routes>
      <GeneralPageTracking />
    </>
  );
};

export default Pages;