import React from 'react';
import type { WizardFormData } from './types';
import type { EconomicIndicator } from '../../utils/indicatorsCatalog';
import { type DashboardCategoryInput } from './categories';
/**
 * Vacío a propósito — mismo motivo que `DEFAULT_AVAILABLE_ROLES`: eran las categorías de Siesa
 * Comercial dentro de una librería compartida. El host declara las suyas con `availableCategories`.
 */
export declare const DEFAULT_WIDGET_CATEGORIES: DashboardCategoryInput[];
interface Step4AppearanceProps {
    formData: WizardFormData;
    onUpdateForm: (key: keyof WizardFormData, value: unknown) => void;
    /** Unidad del indicador seleccionado (para la vista previa) */
    indicatorUnidad?: string;
    /** Bandera del país del indicador (para la vista previa) */
    indicatorBandera?: string;
    /** Indicador completo seleccionado (para badge de resumen) */
    selectedIndicator?: EconomicIndicator | null;
    /** Si está en modo catálogo (muestra badge de resumen) */
    isCatalogMode?: boolean;
    /**
     * 🔴 **El vocabulario de categorías, y desde F3 con su vertical.** Ver `DashboardCategoryOption`.
     *
     * ⚠️ **Estaba tipado `string[]` y era mentira.** El host de Comercial lleva desde el 2026-09-10
     * mandando objetos `{id, label}` —porque la etiqueta se traduce y el id se guarda—, así que el
     * `<option>` recibía un OBJETO como hijo. En React eso no se pinta: **rompe el render del paso**.
     * Se acepta la forma antigua para no dejar ninguna ventana rota entre 3.a y 3.b.
     */
    availableCategories?: DashboardCategoryInput[];
}
export declare const Step4Appearance: React.FC<Step4AppearanceProps>;
export {};
//# sourceMappingURL=Step4Appearance.d.ts.map