import * as _angular_core from '@angular/core';

interface MxUsageBarData {
    label: string;
    usage: number;
    unit: string;
    color?: string;
}

declare class MxUsageBarComponent {
    #private;
    title: _angular_core.InputSignal<string>;
    subtitle: _angular_core.InputSignal<string>;
    usageData: _angular_core.InputSignal<MxUsageBarData[]>;
    hasHeader: _angular_core.Signal<boolean>;
    validatedUsageData: _angular_core.Signal<MxUsageBarData[]>;
    percentageData: _angular_core.Signal<{
        percentage: number;
        label: string;
        usage: number;
        unit: string;
        color?: string;
    }[]>;
    progressAriaLabel: _angular_core.Signal<string>;
    totalUsage: _angular_core.Signal<number>;
    getColor(index: number, customColor?: string): string;
    getSegmentAriaLabel(item: MxUsageBarData): string;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MxUsageBarComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MxUsageBarComponent, "mx-usage-bar", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "usageData": { "alias": "usageData"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { MxUsageBarComponent };
export type { MxUsageBarData };