import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import "./index.css";
import App from "./App.tsx";
import "@fontsource/open-sans/400.css";
import "@fontsource/open-sans/700.css"; // Optional: Specific weight (e.g., 700 for bold)
import { QueryClientProvider } from "@tanstack/react-query";
import { queryClient } from "./utils/query-client";
import { Providers } from "./libs/redux/provider.tsx";
import { HeroUIProvider } from "@heroui/react";

createRoot(document.getElementById("root")!).render(
   <StrictMode>
      <Providers>
         <HeroUIProvider>
            <QueryClientProvider client={queryClient}>
               <App />
            </QueryClientProvider>
         </HeroUIProvider>
      </Providers>
   </StrictMode>
);