import { createStoreContext } from "@ariakit/react-utils";
import {
  DialogContextProvider,
  DialogScopedContextProvider,
} from "../dialog/dialog-context.tsx";
import type { PopoverStore } from "./popover-store.ts";

const ctx = createStoreContext<PopoverStore>(
  [DialogContextProvider],
  [DialogScopedContextProvider],
);

/**
 * Returns the popover store from the nearest popover container.
 * @example
 * function Popover() {
 *   const store = usePopoverContext();
 *
 *   if (!store) {
 *     throw new Error("Popover must be wrapped in PopoverProvider");
 *   }
 *
 *   // Use the store...
 * }
 */
export const usePopoverContext = ctx.useContext;

export const usePopoverScopedContext = ctx.useScopedContext;

export const usePopoverProviderContext = ctx.useProviderContext;

export const PopoverContextProvider = ctx.ContextProvider;

export const PopoverScopedContextProvider = ctx.ScopedContextProvider;