import type { HTMLAttributes, ReactElement } from 'react';
/**
 * Variantes de color del Badge
 */
export type BadgeColor = 'zinc' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'primary' | 'secondary' | 'tertiary';
/**
 * Props del componente Badge
 */
export interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
    /**
     * Color del badge
     * @default 'zinc'
     */
    color?: BadgeColor;
    /**
     * Icono opcional a la izquierda
     */
    leftIcon?: ReactElement;
    /**
     * Texto del badge
     */
    label: string;
    /**
     * Número para el notification badge (opcional)
     */
    count?: number;
    /**
     * Clases CSS adicionales
     */
    className?: string;
}
//# sourceMappingURL=Badge.types.d.ts.map