import React from "react";
import ReactDOM from "react-dom/client";
import { AppProvider } from "./Hooks/useContext/appContext";
import { DataProvider } from "./Hooks/useContext/dataContext";
import { AuthProvider } from "./Context/AuthProvider";
import { BrowserRouter } from "react-router-dom";
import App from "./App";

import "./styles/index.scss";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <DataProvider>
    <BrowserRouter>
      <AuthProvider>
        <AppProvider>
          <App />
        </AppProvider>
      </AuthProvider>
    </BrowserRouter>
  </DataProvider>
);