import {StrictMode} from 'react';
import {createRoot} from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';
import { AuthProvider } from './context/AuthContext.tsx';
import { PresenceProvider } from './context/PresenceContext.tsx';
import { CallProvider } from './context/CallContext.tsx';
import App from './App.tsx';
import './index.css';

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <AuthProvider>
      <PresenceProvider>
        <CallProvider>
          <BrowserRouter>
            <App />
          </BrowserRouter>
        </CallProvider>
      </PresenceProvider>
    </AuthProvider>
  </StrictMode>,
);