import { EventEmitter } from '@angular/core';
import { MetricCardMetadata } from './types';
import * as i0 from "@angular/core";
/**
 * val-metric-card
 *
 * Card with title + optional info link + description + horizontal stats row
 * (val-stats-bar) + a discrete icon action button in the top-right corner.
 *
 * Presentational — pass already-resolved strings.
 *
 * @example
 * ```html
 * <val-metric-card
 *   [props]="{
 *     title: 'Email Activity',
 *     description: 'Last 30 days',
 *     stats: { stats: [{ label: 'Sent', value: 1240 }, { label: 'Opens', value: 680 }] },
 *     action: { icon: 'refresh-outline', token: 'refresh' }
 *   }"
 *   (onAction)="handleAction($event)"
 * />
 * ```
 */
export declare class MetricCardComponent {
    /** Component configuration */
    readonly props: import("@angular/core").InputSignal<Partial<MetricCardMetadata>>;
    /** Emitted with the token of the clicked action */
    onAction: EventEmitter<string>;
    /** Merged configuration with defaults */
    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "borderRadius" | "bordered" | "shadowed" | "padding">>>;
    static ɵfac: i0.ɵɵFactoryDeclaration<MetricCardComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<MetricCardComponent, "val-metric-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
}