import Intro from './components/Intro';
import {Route, Routes} from 'react-router-dom';
import {FC} from 'react';
import Navbar from './components/Navbar';
import Chapters from './components/Chapters';
import Overview from './components/Overview';
import Insulin from "./components/Opening";
import HomePage from "./components/HomePage";
import InsulinTest from "./components/InsulinTest";
import InsulinDragNDropTest from "./components/InsulinDragNDropTest";

const App: FC = () => {
  return (
    <>
      <div className="min-h-screen font-primary">
        <header>
          <Navbar />
        </header>
        <Routes>
          <Route path="/" element={<HomePage />} index />
          <Route path="chapters" element={<Chapters />} />
          <Route path="intro" element={<Intro />} />
          <Route path="insulin" element={<Insulin />} />
          <Route path="overview" element={<Overview />} />
          <Route path="insulinTest" element={<InsulinTest />} />
          <Route path="insulinDragTest" element={<InsulinDragNDropTest />} />
        </Routes>
      </div>
    </>
  );
};

export default App;