import React from 'react';
import ReactDOM from 'react-dom/client';
import { createBrowserRouter, RouterProvider } from "react-router-dom";
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { configureStore } from "@reduxjs/toolkit";
import { Provider } from "react-redux";

import participantReducer from './store/participantSlice'
import mapReducer from './store/mapSlice'
import partyReducer from './store/partySlice'
import exerciseReducer from './store/exerciseSlice'
import layerReducer from './store/layerSlice'

const router = createBrowserRouter([
  {
    path: "/",
    element: <App />,
  }
]);

const store = configureStore({
  reducer: {
    participants: participantReducer,
    map: mapReducer,
    party: partyReducer,
    exercise: exerciseReducer,
    layer: layerReducer,
  }
});

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <Provider store={store}>
      <RouterProvider router={router} />
    </Provider>
  </React.StrictMode>
);

reportWebVitals();