import { BrowserRouter, Routes, Route } from 'react-router-dom';
import { AppShell } from '@/components/layout/AppShell';
import Dashboard from '@/pages/Dashboard';
import CalendarPage from '@/pages/Calendar';
import ShoppingPage from '@/pages/Shopping';
import ChoresPage from '@/pages/Chores';
import MealsPage from '@/pages/Meals';
import BoardPage from '@/pages/Board';
import CountdownsPage from '@/pages/Countdowns';
import PhotosPage from '@/pages/Photos';
import SettingsPage from '@/pages/Settings';
import MembersPage from '@/pages/Members';

export default function App() {
  return (
    <BrowserRouter>
      <AppShell>
        <Routes>
          <Route path="/"                  element={<Dashboard />} />
          <Route path="/calendar"          element={<CalendarPage />} />
          <Route path="/shopping"          element={<ShoppingPage />} />
          <Route path="/chores"            element={<ChoresPage />} />
          <Route path="/meals"             element={<MealsPage />} />
          <Route path="/board"             element={<BoardPage />} />
          <Route path="/countdowns"        element={<CountdownsPage />} />
          <Route path="/photos"            element={<PhotosPage />} />
          <Route path="/settings"          element={<SettingsPage />} />
          <Route path="/settings/members"  element={<MembersPage />} />
        </Routes>
      </AppShell>
    </BrowserRouter>
  );
}