import { createStoreContext } from "@ariakit/react-utils";
import {
  CompositeContextProvider,
  CompositeScopedContextProvider,
} from "../composite/composite-context.tsx";
import type { TabStore } from "./tab-store.ts";

const ctx = createStoreContext<TabStore>(
  [CompositeContextProvider],
  [CompositeScopedContextProvider],
);

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

export const useTabScopedContext = ctx.useScopedContext;

export const useTabProviderContext = ctx.useProviderContext;

export const TabContextProvider = ctx.ContextProvider;

export const TabScopedContextProvider = ctx.ScopedContextProvider;