import { InfoCardMetadata } from './types';
import * as i0 from "@angular/core";
/**
 * val-info-card
 *
 * Card with icon + overtitle + title + subtitle on the left side, and a list
 * of key-value pairs (label: value) on the right side. Inspired by npm's
 * "Provenance" / metadata panel style.
 *
 * Two-column layout on desktop, stacked single-column on mobile.
 *
 * Presentational — pass already-resolved strings.
 *
 * @example
 * ```html
 * <val-info-card
 *   [props]="{
 *     icon: 'cube-outline',
 *     title: 'valtech-components',
 *     subtitle: 'v2.0.962',
 *     keyValues: [
 *       { label: 'License', value: 'MIT' },
 *       { label: 'Downloads', value: '1.2M' }
 *     ]
 *   }"
 * />
 * ```
 */
export declare class InfoCardComponent {
    /** Component configuration */
    readonly props: import("@angular/core").InputSignal<Partial<InfoCardMetadata>>;
    /** Merged configuration with defaults */
    config: import("@angular/core").Signal<InfoCardMetadata & Required<Pick<InfoCardMetadata, "borderRadius" | "bordered" | "iconColor" | "shadowed" | "padding">>>;
    getIconColor(): string;
    static ɵfac: i0.ɵɵFactoryDeclaration<InfoCardComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<InfoCardComponent, "val-info-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
