import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
// Import styles in the correct order - first base with variables, then Bootstrap, then our custom styles
import './styles/base.scss';
import 'bootstrap';
import './styles/style.scss';
import App from './App.jsx';
import { BrowserRouter } from 'react-router-dom';
import { Provider } from 'react-redux';
import store, { persistor } from './store/store.js';
import { PersistGate } from 'redux-persist/integration/react';
import Loading from './components/Loading.jsx';

createRoot(document.getElementById('root')).render(
    // <StrictMode>
        <PersistGate loading={<Loading />} persistor={persistor}>
            <BrowserRouter>
                <Provider store={store}>
                    <App />
                </Provider>
            </BrowserRouter>
        </PersistGate>
    // </StrictMode>
);
