import { BrowserRouter, Routes, Route } from 'react-router-dom';
import BottomNav from './components/BottomNav.jsx';
import ControlDashboard from './pages/ControlDashboard.jsx';
import DeviceLibrary from './pages/DeviceLibrary.jsx';

export default function App() {
  return (
    <BrowserRouter>
      <div className="app-container">
        <div className="app-content">
          <Routes>
            <Route path="/" element={<ControlDashboard />} />
            <Route path="/devices" element={<DeviceLibrary />} />
          </Routes>
        </div>
        <BottomNav />
      </div>
    </BrowserRouter>
  );
}
