import {StrictMode} from 'react'
import {createRoot} from 'react-dom/client'
import './index.css'
import {RouterProvider} from "react-router";
import router from './router';
import {AuthProvider} from "./contexts/Auth/authProvider.jsx";
import {EventProvider} from "./contexts/Events/EventProvider.jsx";
import {EventDetailProvider} from "./contexts/EventDetail/EventDetailProvider.jsx";
import {PendingMembersProvider} from "./contexts/pendingMembers/PendingMembersProvider.jsx";


createRoot(document.getElementById('root')).render(
    <StrictMode>
        <AuthProvider>
            <PendingMembersProvider>
                <EventProvider>
                    <EventDetailProvider>
                        <RouterProvider router={router}/>
                    </EventDetailProvider>
                </EventProvider>
            </PendingMembersProvider>
        </AuthProvider>
    </StrictMode>,
)