import { Route, Routes } from 'react-router-dom'
import { AppLayout } from './layouts/AppLayout'
import { NovelsPage } from './pages/NovelsPage'
import { NovelDetailPage } from './pages/NovelDetailPage'
import { NotFoundPage } from './pages/NotFoundPage'

function App() {
  return (
    <Routes>
      <Route path="/" element={<AppLayout />}>
        <Route index element={<NovelsPage />} />
        <Route path="novels/:id" element={<NovelDetailPage />} />
        <Route path="*" element={<NotFoundPage />} />
      </Route>
    </Routes>
  )
}

export default App