import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import { RootLayout } from '@/components/layout/RootLayout';

import { ConfigPage } from '@/pages/config/ConfigPage';

import { Dashboard } from '@/pages/Dashboard';

import { ReportPage } from '@/pages/ReportPage';
import { HistoricalReportPage } from '@/pages/HistoricalReportPage';

import { DocsPage } from '@/pages/DocsPage';

function App() {
  return (
    <Router>
      <Routes>
        <Route element={<RootLayout />}>
          <Route path="/" element={<Dashboard />} />
          <Route path="/report/:id" element={<ReportPage />} />
          <Route path="/history/:id" element={<HistoricalReportPage />} />
          <Route path="/config/*" element={<ConfigPage />} />
          <Route path="/docs" element={<DocsPage />} />
        </Route>
      </Routes>
    </Router>
  );
}

export default App;
