import { createBrowserRouter, RouterProvider } from 'react-router-dom';
import { PageShell } from './components/layout/PageShell';
import { ExercisesPage } from './pages/ExercisesPage';
import { SetsPage } from './pages/SetsPage';
import { TrainingPage } from './pages/TrainingPage';
import { HistoryPage } from './pages/HistoryPage';

const router = createBrowserRouter([
  {
    element: <PageShell />,
    children: [
      { path: '/', element: <ExercisesPage /> },
      { path: '/sets', element: <SetsPage /> },
      { path: '/training', element: <TrainingPage /> },
      { path: '/history', element: <HistoryPage /> },
    ],
  },
]);

export function App() {
  return <RouterProvider router={router} />;
}
