"use client";
import { Provider } from "react-redux";
import { ModalProvider } from "../lib/modal-system/ModalContext";
import { store } from "./store";
import { Toaster } from "react-hot-toast";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { injectStore } from "../utils/tokenService";

export default function Providers({ children }: { children: React.ReactNode }) {
  const queryClient = new QueryClient();
  injectStore(store);
  return (
    <Provider store={store}>
      <QueryClientProvider client={queryClient}>
        <ModalProvider>{children}</ModalProvider>
        <Toaster position="top-right" />
      </QueryClientProvider>
    </Provider>
  );
}