import { useState } from "react";
import reactLogo from "./assets/react.svg";
import viteLogo from "/vite.svg";
import "./App.css";
import AttendenceCorrection from "./Components/AttendenceCorrection";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import AnomolyReassigned from "./Components/AnomolyReassigned";
import Home from "./Components/Home";
import ReassignedStats from "./Components/ReassignedStats";
import IndividualExamCentreStats from "./Components/IndividualExamCentreStats";
import PartAReassigned from "./Components/PartAReassigned";
import PartACorrection from "./Components/PartACorrection";

function App() {
  return (
    <>
      <BrowserRouter>
        <Routes>
          <Route path="/" element={<Home />}></Route>
          <Route
            path="/anomoly/reassigned"
            element={<AnomolyReassigned />}
          ></Route>
          <Route
            path="/anomoly/reassigned/booklet"
            element={<AttendenceCorrection />}
          >
            </Route>
            <Route
              path="/anomoly/reassigned/stats"
              element={<ReassignedStats />}
            >
          </Route>
          <Route
              path="/anomoly/reassigned/stats/:exam_centre_code"
              element={<IndividualExamCentreStats/>}
            >
          </Route>
          {/* <Route
               path="/anomoly/PartA"
               element={<PartAReassigned/>}
          >
          </Route>
          <Route path="/anomoly/partA/booklet"
          element={<PartACorrection/>}
          >
          </Route> */}
        </Routes>
      </BrowserRouter>
    </>
  );
}

export default App;
