import * as i0 from "@angular/core";
/** Tonos de la variante "soft" — mismos valores que ng-support-tsi (src/app/review/ui/alerts/alerta). */
export type TonoAlerta = 'aviso' | 'info' | 'exito' | 'error';
export declare class AlertaComponent {
    titulo: import("@angular/core").InputSignal<string>;
    mensaje: import("@angular/core").InputSignal<string>;
    iconSize: import("@angular/core").InputSignal<number>;
    classContainer: import("@angular/core").InputSignal<string>;
    paddingClass: import("@angular/core").InputSignal<number>;
    validateSalto: import("@angular/core").InputSignal<boolean>;
    /** Nuevo: ancho fijo del contenedor en px; sin definir = 100%. Mismo tipo/nombre
     * que `maxWidth` en app-input (número en px, no string CSS). */
    maxWidth: import("@angular/core").InputSignal<number>;
    /** 'estandar' (look actual, ámbar con borde animado) o 'soft' (card con ícono en chip,
     * barra de color lateral y anillo animado opcional, portado de ng-support-tsi). */
    variante: import("@angular/core").InputSignal<"estandar" | "modern" | "soft">;
    /** Nuevo, solo aplica en soft: color/ícono según severidad. */
    tono: import("@angular/core").InputSignal<TonoAlerta>;
    /** Solo aplica en soft: anillo de highlight rotando en el borde (igual que la fuente). */
    animado: import("@angular/core").InputSignal<boolean>;
    /** Solo aplica en soft: botón de cerrar. */
    cerrable: import("@angular/core").InputSignal<boolean>;
    /** Nuevo: click en el botón de cerrar (solo visible si `cerrable` está activo). */
    cerrar: import("@angular/core").OutputEmitterRef<void>;
    iconoSoft: import("@angular/core").Signal<string>;
    mensajeFormateado: import("@angular/core").Signal<string>;
    isLong: import("@angular/core").Signal<boolean>;
    static ɵfac: i0.ɵɵFactoryDeclaration<AlertaComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<AlertaComponent, "app-alerta", never, { "titulo": { "alias": "titulo"; "required": false; "isSignal": true; }; "mensaje": { "alias": "mensaje"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "classContainer": { "alias": "classContainer"; "required": false; "isSignal": true; }; "paddingClass": { "alias": "paddingClass"; "required": false; "isSignal": true; }; "validateSalto": { "alias": "validateSalto"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "variante": { "alias": "variante"; "required": false; "isSignal": true; }; "tono": { "alias": "tono"; "required": false; "isSignal": true; }; "animado": { "alias": "animado"; "required": false; "isSignal": true; }; "cerrable": { "alias": "cerrable"; "required": false; "isSignal": true; }; }, { "cerrar": "cerrar"; }, never, ["*", "*"], true, never>;
}