import React from 'react';
import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
import { AuthProvider } from './context/AuthContext';
import Login from './pages/Login';
import AircraftList from './pages/AircraftList';
import AircraftDetail from './pages/AircraftDetail';
import PrivateRoute from './components/PrivateRoute';
import './App.css';

function App() {
  return (
    <AuthProvider>
      <Router>
        <div className="App">
          <Routes>
            <Route path="/login" element={<Login />} />
            <Route
              path="/aircraft"
              element={
                <PrivateRoute>
                  <AircraftList />
                </PrivateRoute>
              }
            />
            <Route
              path="/aircraft/:id"
              element={
                <PrivateRoute>
                  <AircraftDetail />
                </PrivateRoute>
              }
            />
            <Route path="/" element={<Navigate to="/aircraft" replace />} />
          </Routes>
        </div>
      </Router>
    </AuthProvider>
  );
}

export default App;