import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import { Provider } from 'react-redux';
import store from './redux/store';

// CSS STUFF
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
import 'animate.css';
import '@fontsource/roboto/300.css';
import '@fontsource/roboto/400.css';
import '@fontsource/roboto/500.css';
import '@fontsource/roboto/700.css';
// import reportWebVitals from './reportWebVitals';

// JS MODULE STUFF

/**
 * NOTE: Dear future programmer of this project, before you judge me on how fucked up this codebase is, I already take everything into consideration and 
 * this code is really the most spegatthi that you'll ever seen, I only have 2 weeks to figure everything out
 * and somehow I don't have time to refactor everything since the client and management want this project to be done as soon as possible
 * with that in mind, if you have free time, do help me refactor everything. I know I should be the one doing it, but it seems I don't have time to do it
 * and my mind is already elsewhere. I pray that you'll have the perservernce to deal with the refactor and wish you the best of luck, you'll might need all of it
 * TLDR: to much things to do, to little time time to refactor
 */

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <Provider store={store}>
    <App />
  </Provider>
);

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