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

import { ProtectedRoute } from "@/auth/ProtectedRoute";
import { InShell } from "@/components/InShell";
import { DashboardPage } from "@/pages/DashboardPage";
import { FulfillmentPage } from "@/pages/FulfillmentPage";
import { LoginPage } from "@/pages/LoginPage";
import { ShippingPage } from "@/pages/ShippingPage";

export function App() {
  return (
    <Routes>
      <Route path="/login" element={<LoginPage />} />
      <Route element={<ProtectedRoute />}>
        <Route element={<InShell />}>
          <Route path="/" element={<DashboardPage />} />
          <Route path="/fulfillment" element={<FulfillmentPage />} />
          <Route path="/shipping" element={<ShippingPage />} />
        </Route>
      </Route>
    </Routes>
  );
}
