import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { BrowserRouter } from 'react-router-dom'
import { ThemeProvider } from './design-system/providers/ThemeProvider'
import { GlobalFilterProvider } from './design-system/providers/GlobalFilterProvider'
import { CommandPaletteProvider } from './design-system/providers/CommandPaletteProvider'
import { ToastProvider } from './design-system/composites/Toast/Toast'
import App from './App'
import './index.css'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <BrowserRouter>
      <ThemeProvider>
        <GlobalFilterProvider>
          <CommandPaletteProvider>
              <ToastProvider>
                <App />
              </ToastProvider>
          </CommandPaletteProvider>
        </GlobalFilterProvider>
      </ThemeProvider>
    </BrowserRouter>
  </StrictMode>,
)