import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { Provider } from 'react-redux';
import {
  createBrowserRouter,
  RouterProvider,
} from "react-router-dom";

import List from "./list/List";
import Chart from "./chart/Chart";
import Main from "./main/Main";
import Quiz from "./quiz/QuizPage";
import ProjectDetails from "./projectDetails/ProjectDetails";
import store from './store';


const router = createBrowserRouter([
  {
    path: "",
    element: <Main />,
  },
  {
    path: "/project-details/:id",
    element: <ProjectDetails />,
  },
  {
    path: "/list",
    element: <List />,
  },
  {
    path: "/chart",
    element: <Chart />,
  },
   {
    path: "/quiz",
    element: <Quiz />,
  },
]);



import './styles/index.css'
createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <Provider store={store}>
      <RouterProvider router={router} />
    </Provider>
  </StrictMode>,
)
