import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import './index.css';
import App from './App';
import './i18n';
import { AuthProvider } from './context/AuthContext';
import { RegisterProvider } from './context/RegisterContext';
import { ToastContainer } from 'react-toastify';

const rootElement = document.getElementById('root');
if (!rootElement) {
  throw new Error("Root element not found");
}

createRoot(rootElement).render(
  <StrictMode>
    <AuthProvider>
      <RegisterProvider>
        <ToastContainer />
        <App />
      </RegisterProvider>
    </AuthProvider>
  </StrictMode>
);