import type { ElementType } from "react"; import type { PopoverDescriptionOptions } from "../popover/popover-description.tsx"; import type { Props } from "../utils/types.ts"; import type { HovercardStore } from "./hovercard-store.ts"; declare const TagName = "p"; type TagName = typeof TagName; /** * Returns props to create a `HovercardDescription` component. This hook must be * used in a component that's wrapped with `Hovercard` so the `aria-describedby` * prop is properly set on the hovercard element. * @see https://ariakit.com/components/hovercard * @example * ```jsx * // This component must be wrapped with Hovercard * const props = useHovercardDescription(); * Description * ``` */ export declare const useHovercardDescription: import("../utils/types.ts").Hook<"p", HovercardDescriptionOptions<"p">>; /** * Renders a description in a hovercard. This component must be wrapped within * [`Hovercard`](https://ariakit.com/reference/hovercard) so the * `aria-describedby` prop is properly set on the content element. * @see https://ariakit.com/components/hovercard * @example * ```jsx {3} * * * Description * * * ``` */ export declare const HovercardDescription: (props: HovercardDescriptionProps) => import("react").ReactElement>; export interface HovercardDescriptionOptions extends PopoverDescriptionOptions { /** * Object returned by the * [`useHovercardStore`](https://ariakit.com/reference/use-hovercard-store) * hook. If not provided, the closest * [`Hovercard`](https://ariakit.com/reference/hovercard) or * [`HovercardProvider`](https://ariakit.com/reference/hovercard-provider) * components' context will be used. */ store?: HovercardStore; } export type HovercardDescriptionProps = Props>; export {};