import { IconProps } from './icon';
import { AnyIconDefinition } from './types';
export type TagColor = 'accent' | 'gray' | 'success' | 'warning' | 'danger' | 'info' | 'disabled';
/**
 * Icono informativo del Tag: definición FA en `name` y resto de opciones del primitivo {@link IconProps}.
 * Si no indicas `color`, el icono usa `current` y las clases de tono del Tag (igual que el label).
 */
export type TagInfoIconConfig = {
    name: AnyIconDefinition;
} & Partial<Omit<IconProps, 'name'>>;
export interface ITagProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Texto del tag */
    label?: string;
    /** Avatar a la izquierda (URL de imagen) */
    avatar?: string;
    /** Color del tag */
    color?: TagColor;
    /** Función a ejecutar cuando se hace clic en el X (si se proporciona, se muestra el X) */
    onClose?: (e: React.MouseEvent<HTMLDivElement>) => void;
    /** Clases CSS adicionales */
    className?: string;
    /** Si es true, el tag tiene borde */
    stroke?: boolean;
    /** Si es true, el tag está deshabilitado */
    disabled?: boolean;
    /** Si es true, el tag está seleccionado */
    selected?: boolean;
    /** Icono de información (configuración del componente `Icon`). */
    infoIcon?: TagInfoIconConfig;
    /** Si true, el tag se adapta al ancho del contenedor y el label se trunca con "..." si no cabe */
    truncateLabel?: boolean;
    /** Si true y truncateLabel es true, muestra tooltip con el texto completo al hacer hover cuando el texto está truncado. Por defecto false. */
    truncateTooltip?: boolean;
}
//# sourceMappingURL=tag.d.ts.map