zero-dependency-bottom-sheet
Version:
A zero-dependency, customizable React bottom sheet component with drag gestures, snap points, and TypeScript support
18 lines (17 loc) • 680 B
TypeScript
/// <reference types="react" />
interface UseBottomSheetProps {
onClose: () => void;
isOpen: boolean;
initialHeight?: number;
snapPoints?: number[];
}
declare function useBottomSheet({ onClose, isOpen, initialHeight, snapPoints, }: UseBottomSheetProps): {
isDragging: boolean;
height: number;
contentRef: import("react").RefObject<HTMLDivElement>;
handleDragStart: (e: import("react").MouseEvent<Element, MouseEvent> | import("react").TouchEvent<Element>) => void;
dragRef: import("react").RefObject<HTMLDivElement>;
bottomSheetBodyRef: import("react").RefObject<HTMLDivElement>;
headerHeight: number;
};
export default useBottomSheet;