import { BrowserRouter, Route, Routes } from 'react-router-dom';
import { BottomNav } from './components/BottomNav';
import { Dashboard } from './pages/Dashboard';
import { Logs } from './pages/Logs';
import { MapPage } from './pages/Map';
import { Scraper } from './pages/Scraper';
import './index.css';

export default function App() {
  return (
    <BrowserRouter>
      <div style={{ paddingBottom: 64, minHeight: '100vh' }}>
        <Routes>
          <Route path="/" element={<Dashboard />} />
          <Route path="/logs" element={<Logs />} />
          <Route path="/map" element={<MapPage />} />
          <Route path="/scraper" element={<Scraper />} />
        </Routes>
      </div>
      <BottomNav />
    </BrowserRouter>
  );
}
