import type { ElementType } from "react"; import type { GroupLabelOptions } from "../group/group-label.tsx"; import type { Props } from "../utils/types.ts"; import type { CompositeStore } from "./composite-store.ts"; declare const TagName = "div"; type TagName = typeof TagName; /** * Returns props to create a `CompositeGroupLabel` component. This hook must be * used in a component that's wrapped with `CompositeGroup` so the * `aria-labelledby` prop is properly set on the composite group element. * @see https://ariakit.com/components/composite * @example * ```jsx * // This component must be wrapped with CompositeGroup * const props = useCompositeGroupLabel(); * Label * ``` */ export declare const useCompositeGroupLabel: import("../utils/types.ts").Hook<"div", CompositeGroupLabelOptions<"div">>; /** * Renders a label in a composite group. This component must be wrapped with * [`CompositeGroup`](https://ariakit.com/reference/composite-group) so the * `aria-labelledby` prop is properly set on the group element. * @see https://ariakit.com/components/composite * @example * ```jsx {4} * * * * Label * Item 1 * Item 2 * * * * ``` */ export declare const CompositeGroupLabel: (props: CompositeGroupLabelProps) => import("react").ReactElement>; export interface CompositeGroupLabelOptions extends GroupLabelOptions { /** * Object returned by the * [`useCompositeStore`](https://ariakit.com/reference/use-composite-store) * hook. If not provided, the closest * [`Composite`](https://ariakit.com/reference/composite) or * [`CompositeProvider`](https://ariakit.com/reference/composite-provider) * components' context will be used. */ store?: CompositeStore; } export type CompositeGroupLabelProps = Props>; export {};