import { Navigate, Route, Routes } from "react-router";
import { DesignSystem } from "./pages/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>
  );
}