import { EventEmitter } from '@angular/core';
import { OptionCardItem } from './types';
import * as i0 from "@angular/core";
/**
 * val-option-cards
 *
 * Lista de cards seleccionables con radio — para elegir una opción
 * (método de pago, plan, modo de entrega, etc.).
 *
 * Soporta items con logo (imagen), badge de "próximamente" en disabled,
 * y color de selección configurable vía CSS custom properties:
 *   --oc-selected-color  borde activo         (default: --ion-color-primary)
 *   --oc-selected-bg     fondo de card activa  (default: primary 5%)
 *   --oc-gap             gap entre cards       (default: 20px)
 *
 * @example
 * <val-option-cards
 *   [items]="pmItems"
 *   [value]="payMethod()"
 *   (valueChange)="payMethod.set($event)"
 *   style="--oc-selected-color: var(--bingo-magenta); --oc-selected-bg: rgba(255,0,178,0.04)"
 * />
 */
export declare class OptionCardsComponent {
    items: OptionCardItem[];
    value: string;
    valueChange: EventEmitter<string>;
    select(item: OptionCardItem): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<OptionCardsComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<OptionCardsComponent, "val-option-cards", never, { "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
}