import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import { RouterProvider } from 'react-router-dom';
import { theme } from './theme/theme.ts';
import { CssBaseline, ThemeProvider } from '@mui/material';
import BreakpointsProvider from 'providers/BreakpointsProvider.tsx';
import router from 'routes/router.tsx';
import { AuthProvider } from 'contexts/AuthContext.tsx';

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    

    
      <ThemeProvider theme={theme}>
        <BreakpointsProvider>
        <AuthProvider>

        
          <CssBaseline />

          <RouterProvider router={router} />
          </AuthProvider>
        </BreakpointsProvider>
      </ThemeProvider>
    
  </React.StrictMode>,
);
