import { FullGestureState } from '@vueuse/gesture';
import { ShallowRef } from 'vue';
type SnapPoint = number | `${number}%`;
type ElementRef = Readonly<ShallowRef<HTMLElement | null>>;
interface Options {
    canSwipeClose: boolean;
    expandOnContentDrag: boolean;
    halfAndExpand: boolean;
    preventClose: boolean;
    snapPoints: SnapPoint[];
    swipeCloseThreshold: string;
}
interface Context {
    contentRef: ElementRef;
    footerRef: ElementRef;
    headerRef: ElementRef;
    onDismiss: () => void;
    scrollRef: ElementRef;
}
export declare const useBottomSheetDrag: (options: Options, context: Context) => {
    height: import('vue').Ref<number | null, number | null>;
    isDragging: import('vue').Ref<boolean, boolean>;
    measureNaturalHeight: () => void;
    onContentDrag: ({ first, last, movement, swipe }: FullGestureState<"drag">) => void;
    onHandleDrag: ({ first, last, movement, swipe }: FullGestureState<"drag">) => void;
    onScrollTouchMove: (event: TouchEvent) => void;
    reset: () => void;
    snapToSmallest: () => void;
    translateY: import('vue').Ref<number, number>;
    windowHeight: ShallowRef<number>;
};
export {};
//# sourceMappingURL=useBottomSheetDrag.d.ts.map