import { StatsBarMetadata, StatItem } from './types';
import * as i0 from "@angular/core";
/**
 * val-stats-bar
 *
 * Horizontal row of headline stats separated by dividers (AWS / SES "Daily
 * email usage" style). Stacks vertically on mobile.
 *
 * Presentational: values + labels are passed already resolved/formatted.
 *
 * @example
 * ```html
 * <val-stats-bar
 *   [props]="{
 *     stats: [
 *       { label: 'Emails sent', value: 0 },
 *       { label: 'Remaining sends', value: 200 },
 *       { label: 'Sending quota used', value: '0.00', suffix: '%' }
 *     ]
 *   }"
 * />
 * ```
 */
export declare class StatsBarComponent {
    /** Component configuration */
    readonly props: import("@angular/core").InputSignal<Partial<StatsBarMetadata>>;
    /** Merged configuration with defaults */
    config: import("@angular/core").Signal<StatsBarMetadata & Required<Omit<StatsBarMetadata, "stats">>>;
    getColor(stat: StatItem): string | null;
    static ɵfac: i0.ɵɵFactoryDeclaration<StatsBarComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<StatsBarComponent, "val-stats-bar", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
