import { ComputedRef, Ref, ShallowRef } from 'vue';
export declare const resizeHandlers: readonly [{
    readonly direction: "top-left";
}, {
    readonly direction: "top";
}, {
    readonly direction: "top-right";
}, {
    readonly direction: "bottom-left";
}, {
    readonly direction: "bottom";
}, {
    readonly direction: "bottom-right";
}, {
    readonly direction: "left";
}, {
    readonly direction: "right";
}];
export type ResizeDirection = (typeof resizeHandlers)[number]['direction'];
export interface ResizeOptions {
    target: ShallowRef<HTMLDivElement | null> | ComputedRef<HTMLElement>;
    container: ShallowRef<HTMLDivElement | null> | ComputedRef<HTMLElement>;
    minWidth: Ref<number>;
    minHeight: Ref<number>;
    maxWidth?: Ref<number | undefined>;
    maxHeight?: Ref<number | undefined>;
    enable: Ref<boolean>;
    divWidth: Ref<number>;
    divHeight: Ref<number>;
    divTop: Ref<number>;
    divLeft: Ref<number>;
}
export declare const useResize: (options: ResizeOptions) => void;