import { EventEmitter } from '@angular/core';
import { CtaCardMetadata } from './types';
import * as i0 from "@angular/core";
/**
 * val-cta-card
 *
 * Card with a title, optional description and a group of action buttons, with
 * customisable padding, corner rounding and background (Ionic colors
 * supported). Buttons reuse `val-button-group`.
 *
 * Presentational — pass already-resolved strings.
 *
 * @example
 * ```html
 * <val-cta-card
 *   [props]="{
 *     title: 'Read the Bible Online',
 *     description: 'Trusted translations, in your language.',
 *     actions: {
 *       position: 'left',
 *       columned: false,
 *       buttons: [
 *         { text: 'Continue Reading', color: 'dark', type: 'button', shape: 'round', state: 'ENABLED', token: 'read' },
 *         { text: 'Listen', color: 'dark', fill: 'outline', type: 'button', shape: 'round', state: 'ENABLED', token: 'listen' }
 *       ]
 *     }
 *   }"
 *   (onAction)="onAction($event)"
 * />
 * ```
 */
export declare class CtaCardComponent {
    /** Component configuration */
    readonly props: import("@angular/core").InputSignal<Partial<CtaCardMetadata>>;
    /** Emitted with the token of the clicked action button */
    onAction: EventEmitter<string>;
    /** Merged configuration with defaults */
    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "borderRadius" | "bordered" | "shadowed" | "align" | "padding">>>;
    private resolveColor;
    getBackground(): string;
    getColor(): string | null;
    static ɵfac: i0.ɵɵFactoryDeclaration<CtaCardComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<CtaCardComponent, "val-cta-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
}
