import { Routes, Route } from 'react-router-dom'
import { Layout } from './components'
import { Home, GameSelect, Dashboard, Encounters, Rules } from './pages'

function App() {
  return (
    <Routes>
      <Route path="/" element={<Layout />}>
        <Route index element={<Home />} />
        <Route path="games" element={<GameSelect />} />
        <Route path="rules" element={<Rules />} />
        <Route path="dashboard" element={<Dashboard />} />
        <Route path="encounters" element={<Encounters />} />
      </Route>
    </Routes>
  )
}

export default App
