import { BrowserRouter, Routes, Route } from 'react-router-dom'
import JurorSelect from './pages/JurorSelect'
import VotingDashboard from './pages/VotingDashboard'
import TeamScoring from './pages/TeamScoring'
import ResultsView from './pages/ResultsView'
import ResultsDetailView from './pages/ResultsDetailView'
import AdminPanel from './pages/AdminPanel'

function App() {
  return (
    <BrowserRouter>
      <div className="background-mesh" />
      <Routes>
        <Route path="/" element={<JurorSelect />} />
        <Route path="/vote" element={<VotingDashboard />} />
        <Route path="/vote/:teamId" element={<TeamScoring />} />
        <Route path="/results" element={<ResultsView />} />
        <Route path="/results/detail" element={<ResultsDetailView />} />
        <Route path="/admin" element={<AdminPanel />} />
      </Routes>
    </BrowserRouter>
  )
}

export default App
