import {
  BrowserRouter as Router,
  Route,
  Switch,
  Link,
  Routes,
} from "react-router-dom";

import "./App.css";
import Home from "./pages/Home";
import StudentPage from "./pages/StudentPage";
import Evaluation from "./pages/Evaluation";
import FacultyPage from "./pages/FacultyPage";
import EvaluationConfirmPage from "./pages/EvaluationConfirmPage";
import EvaluationErrorPage from "./pages/EvaluationErrorPage";
import FacultyLogin from "./pages/FacultyLogin";

function App() {
  return (
    <Router>
      <div className="container dark">
        <div className="app">
          <Routes>
            <Route path="/" element={<Home />} />
            <Route path="/user" element={<StudentPage />} />
            <Route path="/evaluation" element={<Evaluation />} />
            <Route path="/faculty" element={<FacultyPage />} />
            <Route path="/evaluation/confirm" element={<EvaluationConfirmPage />} />
            <Route path="/evaluation/error" element={<EvaluationErrorPage />} />
            <Route path="/faculty/login" element={<FacultyLogin />} />
          </Routes>
        </div>
      </div>
    </Router>
  );
}

export default App;
