import { Ref, ShallowRef } from 'vue';
export type DefaultPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
export type PlacementOptions = {
    placement: DefaultPlacement;
    distanceFromTrigger?: number;
    visibleAreaThreshold?: number;
};
export declare const usePlacement: (trigger: Readonly<ShallowRef<HTMLElement | null | {
    x: number;
    y: number;
    w?: number;
    h?: number;
}>>, content: Readonly<ShallowRef<HTMLElement | null>>, options: PlacementOptions | Ref<PlacementOptions>) => {
    top: import('vue').ComputedRef<number>;
    left: import('vue').ComputedRef<number>;
    placementDirection: Ref<"bottom" | "left" | "right" | "top">;
    triggerWidth: Ref<number>;
    triggerHeight: Ref<number>;
    triggerTop: Ref<number>;
    triggerLeft: Ref<number>;
    triggerRight: Ref<number>;
    triggerBottom: Ref<number>;
    windowWidth: Ref<number>;
    windowHeight: Ref<number>;
    contentWidth: Ref<number>;
    contentHeight: Ref<number>;
};
export declare const getOppositeDirection: (direction: "top" | "bottom" | "left" | "right") => "left" | "right" | "top" | "bottom" | undefined;