import type { ElementType } from "react";
import type { PopoverHeadingOptions } from "../popover/popover-heading.tsx";
import type { Props } from "../utils/types.ts";
import type { SelectStore } from "./select-store.ts";
declare const TagName = "h1";
type TagName = typeof TagName;
/**
* Returns props to create a `SelectHeading` component.
* @see https://ariakit.com/components/select
* @example
* ```jsx
* const props = useSelectHeading();
* Heading
* ```
*/
export declare const useSelectHeading: import("../utils/types.ts").Hook<"h1", SelectHeadingOptions<"h1">>;
/**
* Renders a heading element that serves as a label for
* [`SelectPopover`](https://ariakit.com/reference/select-popover) and
* [`SelectList`](https://ariakit.com/reference/select-list) components.
*
* When this component is rendered within
* [`SelectPopover`](https://ariakit.com/reference/select-popover), all
* [`SelectItem`](https://ariakit.com/reference/select-item) elements must be
* rendered within a [`SelectList`](https://ariakit.com/reference/select-list)
* instead of directly within the popover.
* @see https://ariakit.com/components/select
* @example
* ```jsx {4}
*
*
*
* Fruits
*
*
*
*
*
*
* ```
*/
export declare const SelectHeading: (props: SelectHeadingProps) => import("react").ReactElement>;
export interface SelectHeadingOptions extends PopoverHeadingOptions {
/**
* Object returned by the
* [`useSelectStore`](https://ariakit.com/reference/use-select-store) hook.
* If not provided, the closest
* [`Select`](https://ariakit.com/reference/select) or
* [`SelectProvider`](https://ariakit.com/reference/select-provider)
* components' context will be used.
*/
store?: SelectStore;
}
export type SelectHeadingProps = Props>;
export {};