import { HoistProps, Some, TaskObserver } from '@xh/hoist/core';
import { ReactNode, MouseEvent } from 'react';
export interface MaskProps extends HoistProps {
    /** Task(s) that should be monitored to determine if the mask should be displayed. */
    bind?: Some<TaskObserver>;
    /** True (default) to contain mask within its parent, false to fill the viewport. Desktop only. */
    inline?: boolean;
    /** True to display mask. */
    isDisplayed?: boolean;
    /** Optional text to be displayed. */
    message?: ReactNode;
    /** Click handler */
    onClick?: (e: MouseEvent) => void;
    /** True to display a spinning image.  Default false. */
    spinner?: boolean;
}
/**
 * Mask with optional spinner and text.
 *
 * The mask can be explicitly controlled via props or bound to a Task.
 *
 * Note that the Panel component's `mask` prop provides a common and convenient method for masking
 * sections of the UI without needing to manually create or manage this component.
 */
export declare const Mask: import("react").FC<MaskProps>, mask: import("@xh/hoist/core").ElementFactory<MaskProps>;