react-draggable-bottom-sheet/dist/BottomSheet.d.ts

A React component with the bottom sheet experience we have for native mobile applications, but for web ✨

import React, { MouseEventHandler } from "react";
import { DraggableEventHandler } from "@azabraao/react-draggable";
import "./styles.css";
interface BottomSheetProps {
    children: React.ReactNode;
    close: VoidFunction;
    isOpen: boolean;
    modalOnDesktop?: boolean;
    desktopBreakpoint?: number;
    disabled?: boolean;
    onDrag?: DraggableEventHandler;
    onMouseDown?: (e: MouseEvent) => void;
    onStart?: DraggableEventHandler;
    onBackdropClick?: MouseEventHandler;
    scrollableElement?: HTMLElement;
    classNames?: {
        bottomSheet?: string;
        backdrop?: string;
        draggable?: string;
        window?: {
            wrap?: string;
            content?: string;
        };
        dragIndicator?: {
            wrap?: string;
            indicator?: string;
        };
    };
    styles?: {
        bottomSheet?: React.CSSProperties;
        backdrop?: React.CSSProperties;
        draggable?: React.CSSProperties;
        window?: {
            wrap?: React.CSSProperties;
            content?: React.CSSProperties;
        };
        dragIndicator?: {
            wrap?: React.CSSProperties;
            indicator?: React.CSSProperties;
        };
    };
}
declare const _default: React.MemoExoticComponent<({ children, isOpen, close, onBackdropClick, onDrag, onStart, onMouseDown, modalOnDesktop, desktopBreakpoint, styles, disabled, scrollableElement, classNames, }: BottomSheetProps) => JSX.Element>;
export default _default;