import { VisualSize, IconFontSize, IconFontColor, AnyIconDefinition } from './types';
/** Fondo del chip: nombres semánticos como en `IconFontColor`, o clase `ui-bg-*` completa. */
export type IconBackgroundColor = IconFontColor | (string & {});
export interface IconProps {
    /** Nombre del icono a mostrar */
    name: AnyIconDefinition;
    /** Tamaño del icono */
    size?: IconFontSize;
    /** Color del icono */
    color?: IconFontColor;
    /** Clases CSS adicionales */
    className?: string;
    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
    /** Si el icono tiene un fondo */
    background?: boolean;
    /** Color del fondo: semánticos (`success`, `danger`, `white`, `blue`, …) o clase `ui-bg-*`. */
    backgroundColor?: IconBackgroundColor;
    /** Tamaño del fondo del icono */
    backgroundSize?: VisualSize;
    padding?: 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
    style?: React.CSSProperties & Record<string, unknown>;
    colorDuotonePrimary?: IconFontColor;
    colorDuotoneSecondary?: IconFontColor;
    opacityDuotonePrimary?: number;
    opacityDuotoneSecondary?: number;
}
//# sourceMappingURL=icon.d.ts.map