import { Navigate, Route, Routes } from "react-router";
import { deferred } from "./components/design-system/deferred";
const DesignSystem = deferred(() => import("./pages/DesignSystem").then(module => module.DesignSystem));
import { Home } from "./pages/Home";
import { AuthProvider } from "./components/AuthProvider";

import { ThemeProvider } from "./components/ThemeProvider";

export function App() {
  return (
    <ThemeProvider><Routes>
      <Route path="/design-system" element={<DesignSystem />} />
      <Route
        path="/"
        element={
          <AuthProvider>
            <Home />
          </AuthProvider>
        }
      />
      <Route path="*" element={<Navigate to="/" replace />} />
    </Routes></ThemeProvider>
  );
}