import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { RouterProvider } from 'react-router-dom'
import { router } from './app/router'
import { SessionScopedBusinessProvider } from './app/state/SessionScopedBusinessProvider'
import './index.css'
import './app/styles/motion.css'
import './app/styles/theme.css'
import { ThemeProvider } from './app/theme/ThemeProvider'
import { AuthProvider } from './features/auth/context/AuthProvider'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <ThemeProvider>
      <AuthProvider>
        <SessionScopedBusinessProvider>
          <RouterProvider router={router} />
        </SessionScopedBusinessProvider>
      </AuthProvider>
    </ThemeProvider>
  </StrictMode>,
)