import './App.css';
import Home from './pages/Home';
import Quiz from './pages/Quiz';
import Header from './pages/components/Header';
import Start from './pages/Start';


import {
  BrowserRouter,
  Route,
  Routes,
} from "react-router-dom";
import Results from './pages/Results';
import Professor from './pages/Professor';

function App() {
  return (
    <div className="App">
      <Header></Header>
      <BrowserRouter>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/start/:id" element={<Start/>} />
        <Route path="/quiz/:id" element={<Quiz/>} />
        <Route path="/results" element={<Results />} />
        <Route path="/professor" element={<Professor />} />
      </Routes>
    </BrowserRouter>
    </div>
  );
}

export default App;
