import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import App from './App.tsx'
import { AdminAuthProvider } from './context/AdminAuthContext.tsx'
import { AuthProvider } from './context/AuthContext.tsx'
import { PanelCreditsProvider } from './context/PanelCreditsContext.tsx'
import { ThemeProvider } from './context/ThemeContext.tsx'
import './index.css'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <AuthProvider>
      <AdminAuthProvider>
        <PanelCreditsProvider>
          <ThemeProvider>
            <App />
          </ThemeProvider>
        </PanelCreditsProvider>
      </AdminAuthProvider>
    </AuthProvider>
  </StrictMode>,
)