import { useFloating, UseFloatingReturn } from '@floating-ui/react';
export declare const useArrow: (showArrow: boolean) => {
    getArrowProps: (context: UseFloatingReturn["context"]) => {
        ref: import("react").MutableRefObject<null>;
        context: {
            placement: import("@floating-ui/utils").Placement;
            x: number;
            y: number;
            update: () => void;
            strategy: import("@floating-ui/utils").Strategy;
            middlewareData: import("@floating-ui/core").MiddlewareData;
            isPositioned: boolean;
            floatingStyles: React.CSSProperties;
            open: boolean;
            onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
            events: import("@floating-ui/react").FloatingEvents;
            dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
            nodeId: string | undefined;
            floatingId: string;
            refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
            elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
        };
        width: number;
        height: number;
    };
    arrowMiddleware: {
        options?: any;
        name: string;
        fn: (state: import("@floating-ui/dom").MiddlewareState) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
    } | undefined;
    getContentWithArrowStyles: (floatingPlacement: ReturnType<typeof useFloating>["placement"]) => Record<string, string>;
};
//# sourceMappingURL=useArrow.d.ts.map