import { Routes, Route } from 'react-router-dom'
import { Layout } from './components'
import { Home, NewRun, RunList, RunDashboard, RunEncounters } from './pages'

function App() {
  return (
    <Routes>
      <Route path="/" element={<Layout />}>
        <Route index element={<Home />} />
        <Route path="runs" element={<RunList />} />
        <Route path="runs/new" element={<NewRun />} />
        <Route path="runs/:runId" element={<RunDashboard />} />
        <Route path="runs/:runId/encounters" element={<RunEncounters />} />
      </Route>
    </Routes>
  )
}

export default App
