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 {};