import { BrowserRouter, Routes, Route } from 'react-router-dom'

import Navbar from './components/Navbar'

import Login from './pages/Login'
import Cars from './pages/Cars'
import Dashboard from './pages/Dashboard'
import Register from './pages/Register'
import ParkingSlots from './pages/ParkingSlot'
import ParkingRecord from './pages/ParkingRecord'
import Payment from './pages/Payment'
import Reports from './pages/Report'

function App(){
  return(
    <div className=''>
      <BrowserRouter>
      <Navbar/>
     <Routes>
      <Route path='/' element={<Login/>} />
      <Route path='/register' element={<Register/>} />
      <Route path='/dashboard' element={<Dashboard/>} />
      <Route path='/cars' element={<Cars/>} />
      <Route path='/parkingSlots' element={<ParkingSlots/>} />
      <Route path='/parkingRecords' element={<ParkingRecord/>} />
      <Route path='/payments' element={<Payment/>} />
      <Route path='/reports' element={<Reports/>} />
     </Routes>
      </BrowserRouter>
    </div>
  )
}

export default App