import { EventEmitter } from '@angular/core';
import { ActionCardMetadata, ActionCardClickEvent } from './types';
import * as i0 from "@angular/core";
/**
 * val-action-card
 *
 * A clickable card component with icon, title, description, and optional badge.
 * Supports multiple icon formats: Ionicons, SVG paths, and image URLs.
 *
 * @example Basic usage with Ionicon
 * ```html
 * <val-action-card
 *   [props]="{
 *     icon: { ionicon: 'settings-outline' },
 *     title: 'Settings',
 *     description: 'Manage your preferences'
 *   }"
 *   (onClick)="onCardClick($event)"
 * />
 * ```
 *
 * @example With routerLink navigation
 * ```html
 * <val-action-card
 *   [props]="{
 *     icon: { ionicon: 'person-outline', color: 'primary' },
 *     title: 'Profile',
 *     description: 'View and edit your profile',
 *     routerLink: '/settings/profile',
 *     showChevron: true
 *   }"
 * />
 * ```
 *
 * @example With custom SVG icon
 * ```html
 * <val-action-card
 *   [props]="{
 *     icon: { svgPath: 'M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5' },
 *     title: 'Custom Feature',
 *     description: 'A feature with custom SVG icon',
 *     badge: { text: 'NEW', color: 'light', backgroundColor: 'primary' }
 *   }"
 * />
 * ```
 */
export declare class ActionCardComponent {
    private i18n;
    private navigation;
    /** Component configuration */
    readonly props: import("@angular/core").InputSignal<Partial<ActionCardMetadata>>;
    /** Event emitted when card is clicked */
    onClick: EventEmitter<ActionCardClickEvent>;
    /** Merged configuration with defaults */
    config: import("@angular/core").Signal<{
        token?: string;
        icon?: import("./types").ActionCardIcon;
        title?: string;
        titleKey?: string;
        description?: string;
        descriptionKey?: string;
        i18nNamespace?: string;
        size: import("./types").ActionCardSize;
        bordered: boolean;
        borderColor?: string | (string & Record<never, never>);
        backgroundColor?: string | (string & Record<never, never>);
        shadowed: boolean;
        disabled: boolean;
        routerLink?: string | any[];
        href?: string;
        badge?: import("./types").ActionCardBadge;
        showChevron: boolean;
    }>;
    /** Get title with i18n support */
    getTitle(): string;
    /** Get description with i18n support */
    getDescription(): string;
    /** Resolve color to CSS value */
    private resolveColor;
    getBackgroundColor(): string | null;
    getBorderColor(): string | null;
    getIconColor(): string | null;
    getIconBackgroundColor(): string | null;
    getBadgeColor(): string | null;
    getBadgeBackgroundColor(): string | null;
    /** Handle card click */
    handleClick(event: MouseEvent): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ActionCardComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ActionCardComponent, "val-action-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, never, true, never>;
}
