import { Directive } from 'vue';
/**
 * Loading directive options
 */
export interface LoadingOptions {
    /** Whether to show loading */
    visible?: boolean;
    /** Loading text to display */
    text?: string;
    /** Custom background color (CSS color value) */
    background?: string;
    /** Icon size (CSS size value or number in pixels) */
    size?: string | number;
    /** Whether to show loading as fullscreen */
    fullscreen?: boolean;
}
/**
 * Loading directive
 *
 * @example
 * ```vue
 * <!-- Simple boolean usage -->
 * <div v-tui-loading="isLoading"></div>
 *
 * <!-- With options (visible defaults to true when options object is provided) -->
 * <div v-tui-loading="{ text: 'Loading...', size: '50px' }"></div>
 *
 * <!-- With explicit visible control -->
 * <div v-tui-loading="{ visible: isLoading, text: 'Loading...', background: 'transparent' }"></div>
 *
 * <!-- Fullscreen -->
 * <div v-tui-loading.fullscreen="isLoading"></div>
 * ```
 */
export declare const vTuiLoading: Directive<HTMLElement, boolean | LoadingOptions>;