import type { ReactElement } from "react";
import { createContext } from "react";
// buzzwareTech web store
import { RootStore } from "@/buzzwareTech-web/store/root.store";

export let rootStore = new RootStore();

export const StoreContext = createContext<RootStore>(rootStore);

const initializeStore = () => {
  const newRootStore = rootStore ?? new RootStore();
  if (typeof window === "undefined") return newRootStore;
  if (!rootStore) rootStore = newRootStore;
  return newRootStore;
};

export const store = initializeStore();

export function StoreProvider({ children }: { children: ReactElement }) {
  return (
    <StoreContext.Provider value={store}>{children}</StoreContext.Provider>
  );
}