import { Route, Routes } from 'react-router-dom'
import { AppShell } from './components/AppShell'
import { Dashboard } from './screens/Dashboard'
import { ScreeningQueue } from './screens/ScreeningQueue'
import { CandidateEvaluation } from './screens/CandidateEvaluation'
import { Requirements } from './screens/Requirements'
import { Candidates } from './screens/Candidates'
import { Slate } from './screens/Slate'
import { CommandCenter } from './screens/CommandCenter'
import { Compliance } from './screens/Compliance'
import { Placeholder } from './screens/Placeholder'

export default function App() {
  return (
    <Routes>
      <Route element={<AppShell />}>
        <Route index element={<Dashboard />} />
        <Route path="screen" element={<ScreeningQueue />} />
        <Route path="evaluate/:candidateId/:requirementId" element={<CandidateEvaluation />} />
        <Route path="requirements" element={<Requirements />} />
        <Route path="candidates" element={<Candidates />} />
        <Route path="slate" element={<Slate />} />
        <Route
          path="pipeline"
          element={
            <Placeholder
              title="Talent Pipeline"
              blurb="Drag-and-drop candidate stages from Identified through Hired. Wired to the same candidate intelligence."
            />
          }
        />
        <Route path="compliance" element={<Compliance />} />
        <Route path="command-center" element={<CommandCenter />} />
        <Route
          path="settings"
          element={<Placeholder title="Settings" blurb="Organization, users, roles, and integration configuration." />}
        />
      </Route>
    </Routes>
  )
}