import React from 'react';
import ReactDOM from 'react-dom/client';
import {BrowserRouter, Routes, Route } from "react-router-dom";
import { ChakraProvider } from '@chakra-ui/react';
import { SnackbarProvider } from 'notistack';

import Kit from "./kit";
import CreateScope from "./create/createScope";
import CreateQuestion from "./create/createQuestion";

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(

  // <React.StrictMode>
      <ChakraProvider>
          <SnackbarProvider maxSnack={3}>
              <BrowserRouter>
                      <Routes>
                          <Route path="/">
                              <Route element={<CreateScope/>} path="/createScope"/>
                          </Route>
                          <Route element={<CreateQuestion/>} path="kit"/>
                      </Routes>
              </BrowserRouter>
          </SnackbarProvider>
        </ChakraProvider>
  // </React.StrictMode>
);