import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './styles/index.css'
import App from './App.jsx'
import { UserProvider } from './context/UserContext.jsx'
import { LanguageProvider } from './context/LanguageContext.jsx'
import { ModalProvider } from './context/ModalContext.jsx'
import { ThemeProvider } from './context/ThemeContext.jsx'
import { BrowserRouter } from 'react-router-dom'

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <BrowserRouter>
      <LanguageProvider>
        <ThemeProvider>
          <ModalProvider>
            <UserProvider>
              <App />
            </UserProvider>
          </ModalProvider>
        </ThemeProvider>
      </LanguageProvider>
    </BrowserRouter>
  </StrictMode>,
)