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 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>
                    {/*<MainContainerContextProvider>*/}
                        <App/>
                    {/*</MainContainerContextProvider>*/}
                </ErrorBoundary>
                {/*<Route path="/forbidden" element={<>foribdden</>}/>*/}
            </SuspenseRouter>


        <div id={'floating-widgets-container'}></div>
    </>
    // </React.StrictMode>
);


// 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();