/// <reference types="react" />
import { RoleHTMLProps, RoleOptions } from "reakit";
import { PopoverStateReturn } from "./PopoverState";
export declare type PopoverArrowOptions = RoleOptions & Pick<PopoverStateReturn, "arrowStyles">;
export declare type PopoverArrowHTMLProps = RoleHTMLProps;
export declare type PopoverArrowProps = PopoverArrowOptions & PopoverArrowHTMLProps;
export declare const usePopoverArrow: {
    (options?: PopoverArrowOptions | undefined, htmlProps?: RoleHTMLProps | undefined, unstable_ignoreUseOptions?: boolean | undefined): RoleHTMLProps;
    unstable_propsAreEqual: (prev: RoleOptions & Pick<PopoverStateReturn, "arrowStyles"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
        wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
    }, next: RoleOptions & Pick<PopoverStateReturn, "arrowStyles"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
        wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
    }) => boolean;
    __keys: readonly any[];
    __useOptions: (options: PopoverArrowOptions, htmlProps: RoleHTMLProps) => PopoverArrowOptions;
};
export declare const PopoverArrow: import("../system").Component<"span", RoleOptions & Pick<PopoverStateReturn, "arrowStyles"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
    wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
}>;