import { Toaster } from "@/components/ui/sonner";
import "@/index.css";
import { Contants } from "@/lib/contants";
import { queryClient } from "@/lib/react-query";
import Popup from "@/popup/popup";
import { QueryClientProvider } from "@tanstack/react-query";
import ReactDOM from "react-dom/client";
const container = document.getElementById(Contants.ID_EXTENSION);

if (container) {
  ReactDOM.createRoot(container).render(
    <>
      <QueryClientProvider client={queryClient}>
        <div className="fixed bottom-20 right-6 ex-root">
          <Popup />
        </div>
        <Toaster position="top-right" />
      </QueryClientProvider>
    </>
  );
}
