import { Route, Routes } from "react-router-dom";

import { ProtectedRoute } from "@/auth/ProtectedRoute";
import { AdminShell } from "@/components/AdminShell";
import { AdminDashboardPage } from "@/pages/AdminDashboardPage";
import { AdminLoginPage } from "@/pages/AdminLoginPage";
import { AdminQueuePage } from "@/pages/AdminQueuePage";
import { AdminSupportPage } from "@/pages/AdminSupportPage";

export function App() {
  return (
    <Routes>
      <Route path="/login" element={<AdminLoginPage />} />
      <Route element={<ProtectedRoute />}>
        <Route element={<AdminShell />}>
          <Route path="/" element={<AdminDashboardPage />} />
          <Route path="/queue" element={<AdminQueuePage />} />
          <Route path="/support" element={<AdminSupportPage />} />
        </Route>
      </Route>
    </Routes>
  );
}
