import { HelmetProvider } from "react-helmet-async";
import { SecurityGuard } from "@/components/SecurityGuard";
import { suppressProductionConsole } from "@/hooks/useProtectDevTools";
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import "./index.css";
import { CartProvider } from "./context/cart-context";
import { Toaster } from "sonner";

suppressProductionConsole();

ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
  <React.StrictMode>
    <HelmetProvider>
    <SecurityGuard>
    <CartProvider>
      <App />
      <Toaster position="top-center" />
    </CartProvider>
    </SecurityGuard>
    </HelmetProvider>
  </React.StrictMode>,
);