import type { ElementType } from "react";
import type { CompositeGroupLabelOptions } from "../composite/composite-group-label.tsx";
import type { Props } from "../utils/types.ts";
import type { SelectStore } from "./select-store.ts";
declare const TagName = "div";
type TagName = typeof TagName;
/**
* Returns props to create a `SelectGroupLabel` component. This hook must be
* used in a component that's wrapped with `SelectGroup` so the
* `aria-labelledby` prop is properly set on the select group element.
* @see https://ariakit.com/components/select
* @example
* ```jsx
* // This component must be wrapped with SelectGroup
* const props = useSelectGroupLabel();
* Label
* ```
*/
export declare const useSelectGroupLabel: import("../utils/types.ts").Hook<"div", SelectGroupLabelOptions<"div">>;
/**
* Renders a label in a select group. This component must be wrapped with
* [`SelectGroup`](https://ariakit.com/reference/select-group) so the
* `aria-labelledby` prop is properly set on the select group element.
* @see https://ariakit.com/components/select
* @example
* ```jsx {5,10}
*
*
*
*
* Fruits
*
*
*
*
* Meat
*
*
*
*
*
* ```
*/
export declare const SelectGroupLabel: (props: SelectGroupLabelProps) => import("react").ReactElement>;
export interface SelectGroupLabelOptions extends CompositeGroupLabelOptions {
/**
* Object returned by the
* [`useSelectStore`](https://ariakit.com/reference/use-select-store) hook. If
* not provided, the parent
* [`SelectList`](https://ariakit.com/reference/select-list) or
* [`SelectPopover`](https://ariakit.com/reference/select-popover) components'
* context will be used.
*/
store?: SelectStore;
}
export type SelectGroupLabelProps = Props>;
export {};