import React, { Suspense } from 'react';
import ReactDOM from 'react-dom/client'

// Perfect Scrollbar
import 'react-perfect-scrollbar/dist/css/styles.css';

// Tailwind css
import './tailwind.css';
import '../../css/app.css';

// i18n (needs to be bundled)
import './i18n';

// Router
import { RouterProvider } from 'react-router-dom';
import router from './router/index';

// Redux
import { Provider } from 'react-redux';
import store from './store/index';
import { ProfileProvider } from './contexts/ProfileContext';
import LoaderProvider from './store/LoaderProvider';

// AI Assistant Widget
import AIAssistant from './components/AIAssistant';


ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
    // <React.StrictMode>
        <Suspense>
<LoaderProvider>

            <ProfileProvider>

            <Provider store={store}>
                <RouterProvider router={router} />
                {/* AI Assistant Floating Widget */}
                <AIAssistant />
            </Provider>
            </ProfileProvider>
             </LoaderProvider>
        </Suspense>
    // </React.StrictMode>
);