// import { Suspense } from "react";
import ReactDOM from "react-dom/client";
import App from "./App.tsx";
import "./index.css";
import WindowAnimation from "./components/shared/window-animation.tsx";

// import Loading from "./components/shared/loading.tsx";

// i18n.on("languageChanged", (locale: any) => {
//   let lang = locale.substring(0, 2);
//   let dir = i18n.dir(locale);

//   const allowedLangs = ["en", "ar"];
//   if (!allowedLangs.includes(lang)) {
//     lang = "en";
//     dir = "ltr";
//   }

//   document.documentElement.lang = lang;
//   document.documentElement.dir = dir;
// });

// const queryClient = new QueryClient({
//   defaultOptions: {
//     queries: {
//       refetchOnWindowFocus: true,
//       retry: false,
//       staleTime: 1000 * 15,
//       refetchOnReconnect: true,
//       refetchIntervalInBackground: false,
//     },
//   },
// });

// ReactDOM.createRoot(document.getElementById("root")!).render(
//   // <ThemeProvider defaultTheme="dark">
//     // <AuthProvider>
//       {/* <ErrorProvider> */}
//         {/* <QueryClientProvider client={queryClient}> */}
//           {/* <Suspense fallback={<Loading />}> */}
//           <App />
//           // <Toaster />
//           {/* </Suspense> */}
//         {/* </QueryClientProvider> */}
//       {/* </ErrorProvider> */}
//     // </AuthProvider>
//   {/* </ThemeProvider> */}
// );

ReactDOM.createRoot(document.getElementById("root")!).render(
  <>
    <WindowAnimation />
    <App />
  </>
);