import { BrowserRouter, Routes, Route } from "react-router-dom";
import "./index.css";
import { Dashboard } from "./pages/Dashboard";
import { DesignSystem } from "./pages/DesignSystem";
import { Home } from "./pages/Home";
import { Toaster } from "sonner";

export function App() {
  return (
    <BrowserRouter>
      <Toaster richColors position="top-right" theme="dark" />
      <Routes>
        <Route path="/dashboard" element={<Dashboard />} />
        <Route path="/design-system" element={<DesignSystem />} />
        <Route path="/" element={<Home />} />
      </Routes>
    </BrowserRouter>
  );
}

export default App;