export type BottomSheetHandle = ReturnType<typeof attachDragEvent>;
/**
 * This component DO NOT have ref forwarded.
 *
 * This component use ref to control show and hide,
 * you can call `ref.current.show()` to show and `ref.current.hide()` to hide
 *
 * @specs https://m3.material.io/components/bottom-sheets/specs
 */
export declare const BottomSheet: import('react').ForwardRefExoticComponent<{
    children?: React.ReactNode;
    /**
     * Hide the drag handle element, this make
     * the entire bottom sheet draggable
     */
    hideDragHandle?: boolean;
    /**
     * Set fixed to true allow you toggle show and hide via ref
     *
     * See also `onScrimClick` `zIndex`
     */
    fixed?: boolean;
    /**
     * CSS `z-index`, if `fixed` set to `true`
     *
     * @default 3
     */
    zIndex?: number;
    /**
     * Only works if `fixed` set to true
     */
    onChange?: (visible: boolean) => void;
    /**
     * Only works if `fixed` set to true
     *
     * Most of the case you want call `ref.current.close()`
     */
    onScrimClick?(): void;
} & Omit<import('react').HTMLProps<HTMLElement>, "zIndex" | "as" | "ref" | "children" | "onChange" | "fixed" | "onScrimClick" | "hideDragHandle"> & import('react').RefAttributes<{
    cleanup: () => void;
    show: () => void;
    hide: () => void;
    visible(): boolean;
}>>;
declare function attachDragEvent(sheet: HTMLDivElement, dragHandle: HTMLDivElement, options?: {
    onShow?(): void;
    onHide?(): void;
}): {
    cleanup: () => void;
    show: () => void;
    hide: () => void;
    visible(): boolean;
};
export {};