import React from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';
import { AuthProvider } from './context/AuthContext';
import { ReservationProvider } from './context/ReservationContext';
import { ReviewProvider } from './context/ReviewContext';
import { ReturnProvider } from './context/ReturnContext';
import { SubscriptionProvider } from './context/SubscriptionContext';
import { LoanProvider } from './context/LoanContext';
import { GroupOrderProvider } from './context/GroupOrderContext';
import App from './App';
import './styles/global.css';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <BrowserRouter>
      <AuthProvider>
        <ReservationProvider>
          <ReviewProvider>
            <ReturnProvider>
              <SubscriptionProvider>
                <LoanProvider>
                  <GroupOrderProvider>
                    <App />
                  </GroupOrderProvider>
                </LoanProvider>
              </SubscriptionProvider>
            </ReturnProvider>
          </ReviewProvider>
        </ReservationProvider>
      </AuthProvider>
    </BrowserRouter>
  </React.StrictMode>
);