import type { ElementType } from "react"; import type { Options, Props } from "../utils/types.ts"; import type { PopoverStore } from "./popover-store.ts"; declare const TagName = "div"; type TagName = typeof TagName; /** * Returns props to create a `PopoverAnchor` component. * @see https://ariakit.com/components/popover * @example * ```jsx * const store = usePopoverStore(); * const props = usePopoverAnchor({ store }); * Anchor * Popover * ``` */ export declare const usePopoverAnchor: import("../utils/types.ts").Hook<"div", PopoverAnchorOptions<"div">>; /** * Renders an element that acts as the anchor for the popover. The * [`Popover`](https://ariakit.com/reference/popover) component will be * positioned in relation to this element. * @see https://ariakit.com/components/popover * @example * ```jsx {2} * * Anchor * Popover * * ``` */ export declare const PopoverAnchor: (props: PopoverAnchorProps) => import("react").ReactElement>; export interface PopoverAnchorOptions<_T extends ElementType = TagName> extends Options { /** * Object returned by the * [`usePopoverStore`](https://ariakit.com/reference/use-popover-store) hook. * If not provided, the closest * [`PopoverProvider`](https://ariakit.com/reference/popover-provider) * component's context will be used. */ store?: PopoverStore; } export type PopoverAnchorProps = Props>; export {};