import ReactDOM from "react-dom/client";
import App from "./App.jsx";
import { AuthContextProvider } from "../context/AuthProvider.jsx";
import "./index.css";
import { disableReactDevTools } from "@fvilers/disable-react-devtools";
import { ToastContainer } from "react-toastify";
import { OnboardingProvider } from "../context/OnboardingProvider.jsx";
import React from "react";

// eslint-disable-next-line no-undef
if (process.env.NODE_ENV === "production") {
  disableReactDevTools();
  console.log = () => {};
  console.error = () => {};
  console.debug = () => {};
}

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    <AuthContextProvider>
      <OnboardingProvider>
        <ToastContainer
          position="bottom-right"
          autoClose={5000}
          hideProgressBar={false}
          newestOnTop={false}
          closeOnClick
          rtl={false}
          pauseOnFocusLoss
          draggable
          pauseOnHover
          theme="colored"
        />
        <App />
      </OnboardingProvider>
    </AuthContextProvider>
  </React.StrictMode>,
);