import type { ReactNode } from "react";
import React from "react";
export interface BottomSheetProps {
    readonly children: ReactNode;
    /**
     * Display a cancel button in the bottom sheet footer.
     */
    readonly showCancel?: boolean;
    /**
     * Hide or show the cancel button when loading state is provided.
     */
    readonly loading?: boolean;
    /**
     * An optional heading to display in the bottom sheet header.
     */
    readonly heading?: string;
    /**
     * Callback that is called when the overlay is opened.
     */
    readonly onOpen?: () => void;
    /**
     * Callback that is called when the overlay is closed.
     */
    readonly onClose?: () => void;
}
export interface BottomSheetRef {
    open: () => void;
    close: () => void;
}
export declare function BottomSheet({ children, showCancel, loading, heading, onOpen, onClose, ref, }: BottomSheetProps & {
    readonly ref?: React.Ref<BottomSheetRef>;
}): React.JSX.Element;