import { default as React } from 'react';
import { IconName } from '../../icons/Icon';
/**
 * Variantes de estilo para el Badge.
 */
type BadgeVariant = "brand" | "info" | "new" | "pending" | "positive" | "warning" | "negative" | "disabled" | "inactive";
/**
 * Tamaños disponibles para el Badge.
 */
type BadgeSize = "small" | "medium" | "large";
/**
 * Props para el ícono dentro del Badge.
 */
type IconProps = {
    name: IconName;
    fill?: string;
    width?: number;
    height?: number;
    [key: string]: unknown;
};
/**
 * Props para un Badge que es solo texto, no interactivo.
 */
interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
    variant: BadgeVariant;
    size?: BadgeSize;
    iconAfter?: IconProps;
    iconBefore?: IconProps;
    loading?: boolean;
    outline?: boolean;
    fullWidth?: boolean;
    children?: React.ReactNode;
}
/**
 * Componente Badge para mostrar texto o botón con estilos según variante y tamaño,
 * puede incluir un ícono y estado de carga.
 *
 * @param variant Variante de color y estilo del badge.
 * @param size Tamaño del badge (por defecto "large").
 * @param iconAfter Ícono antes del contenido del badge con sus propiedades.
 * @param iconBefore Ícono después del contenido del badge con sus propiedades.
 * @param outline Estado outlined para la variante seleccionada.
 * @param className Clases CSS adicionales.
 * @param children Contenido interno del badge.
 *
 * @example
 * ```tsx
 * <Badge variant="primary" iconAfter={{ name: "Check", width: 20, height: 20 }} outline={true}>
 *   Guardar
 * </Badge>
 * ```
 */
export declare const Badge: ({ variant, style, size, iconAfter, iconBefore, outline, className, children, fullWidth, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
export {};