import { Routes, Route } from 'react-router-dom'
import Sidebar from './components/Sidebar'
import Dashboard    from './pages/Dashboard'
import Authors      from './pages/Authors'
import Books        from './pages/Books'
import BorrowRecords from './pages/BorrowRecords'
import TopBorrowed  from './pages/TopBorrowed'
import OverdueReport from './pages/OverdueReport'

export default function App() {
  return (
    <div className="app-shell">
      <Sidebar />
      <main className="main-content">
        <Routes>
          <Route path="/"            element={<Dashboard />} />
          <Route path="/books"       element={<Books />} />
          <Route path="/authors"     element={<Authors />} />
          <Route path="/borrows"     element={<BorrowRecords />} />
          <Route path="/top-borrowed" element={<TopBorrowed />} />
          <Route path="/overdue"     element={<OverdueReport />} />
        </Routes>
      </main>
    </div>
    )
}
