import type { ElementType } from "react"; import type { Options, Props } from "../utils/types.ts"; import type { PopoverStore, PopoverStoreState } from "./popover-store.ts"; declare const TagName = "span"; type TagName = typeof TagName; /** * Returns props to create a `PopoverDisclosureArrow` component. * @see https://ariakit.com/components/popover * @example * ```jsx * const store = usePopoverStore(); * const props = usePopoverDisclosureArrow({ store }); * * Disclosure * * * ``` */ export declare const usePopoverDisclosureArrow: import("../utils/types.ts").Hook<"span", PopoverDisclosureArrowOptions<"span">>; /** * Renders an arrow pointing to the popover position. It's usually rendered * inside the * [`PopoverDisclosure`](https://ariakit.com/reference/popover-disclosure) * component. * @see https://ariakit.com/components/popover * @example * ```jsx {4} * * * Disclosure * * * Popover * * ``` */ export declare const PopoverDisclosureArrow: (props: PopoverDisclosureArrowProps) => import("react").ReactElement>; export interface PopoverDisclosureArrowOptions<_T extends ElementType = TagName> extends Options { /** * Object returned by the * [`usePopoverStore`](https://ariakit.com/reference/use-popover-store) hook. * If not provided, the closest * [`PopoverDisclosure`](https://ariakit.com/reference/popover-disclosure) or * [`PopoverProvider`](https://ariakit.com/reference/popover-provider) * components' context will be used. */ store?: PopoverStore; /** * Arrow's placement direction. If not provided, it will be inferred from the * context. * * Live examples: * - [Sliding Menu](https://ariakit.com/examples/menu-slide) */ placement?: PopoverStoreState["placement"]; } export type PopoverDisclosureArrowProps = Props>; export {};