// import 'bootstrap/dist/css/bootstrap.min.css';
import './assets/scss/bootstrap-extend.scss';
import 'bootstrap/dist/js/bootstrap.bundle.min.js';
import './assets/scss/index.scss';
import 'react-toastify/dist/ReactToastify.css';
import './assets/scss/toastify.scss';
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import reportWebVitals from './reportWebVitals';
import {AuthContextProvider} from "./context/auth-context";
import SuspenseRouter from "./components/HOC/SuspenseRouter";
import ErrorBoundary from "./components/HOC/ErrorBoundary";
import './i18n';


const root = ReactDOM.createRoot(
    document.getElementById('root') as HTMLElement
);
root.render(
    // <React.StrictMode>

    <SuspenseRouter>
        <ErrorBoundary>
            <AuthContextProvider>
                <App/>
            </AuthContextProvider>
        </ErrorBoundary>
    </SuspenseRouter>
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();