import {createRoot} from 'react-dom/client';
import { HelmetProvider } from 'react-helmet-async';
import { BrowserRouter as Router } from 'react-router-dom';
import ErrorBoundary from './components/ErrorBoundary';
import { AuthProvider } from './contexts/AuthContext';
import { PaddleProvider } from './components/PaddleProvider';
import App from './App';
import './index.css';

createRoot(document.getElementById('root')!).render(
  <HelmetProvider>
    <Router>
      <ErrorBoundary>
        <PaddleProvider>
          <AuthProvider>
            <App />
          </AuthProvider>
        </PaddleProvider>
      </ErrorBoundary>
    </Router>
  </HelmetProvider>,
);