import { queryClient } from "@lib/query.js";
import { QueryClientProvider } from "@tanstack/react-query";
import { Outlet } from "react-router-dom";
import { Toaster } from "sonner";

function RootLayout() {
  return (
    <QueryClientProvider client={queryClient}>
      <SocketProvider>
        <TopBarLoader />
        <Toaster position="bottom-right" theme="dark" richColors />
        <Outlet />
      </SocketProvider>
    </QueryClientProvider>
  );
}

window.RootLayout = RootLayout;