import * as i0 from '@angular/core';
import * as i1 from '@daffodil/design';
import { DaffSizableDirective, DaffSizeAllType } from '@daffodil/design';

/**
 * Labels are used to describe the loading state and provide context for users.
 * They are optional.
 *
 * @usage
 * ```html
 * <daff-spinner-label>Loading</daff-spinner-label>
 * ```
 */
declare class DaffSpinnerLabelDirective {
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffSpinnerLabelDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffSpinnerLabelDirective, "daff-spinner-label", never, {}, {}, never, never, true, never>;
}

/**
 * DaffSpinnerComponent is an animated indicator that lets users know content or action is being loaded.
 */
declare class DaffSpinnerComponent {
    private sizable;
    /**
     * @docs-private
     */
    _label: DaffSpinnerLabelDirective;
    private static readonly SIZE_MAP;
    /**
     * The `aria-label` for the spinner. Defaults to "loading".
     */
    ariaLabel: i0.InputSignal<string>;
    /**
     * @docs-private
     */
    get _ariaLabel(): string;
    /**
     * @docs-private
     *
     * The dimension (width/height) based on the size.
     */
    get dimension(): number;
    constructor(sizable: DaffSizableDirective<DaffSizeAllType>);
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffSpinnerComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DaffSpinnerComponent, "daff-spinner", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, ["_label"], ["daff-spinner-label"], true, [{ directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }, { directive: typeof i1.DaffSizableDirective; inputs: { "size": "size"; }; outputs: {}; }]>;
}

/**
 * @docs-private
 */
declare const DAFF_SPINNER_COMPONENTS: readonly [typeof DaffSpinnerComponent, typeof DaffSpinnerLabelDirective];

export { DAFF_SPINNER_COMPONENTS, DaffSpinnerComponent, DaffSpinnerLabelDirective };