import { default as React } from 'react';
/** Props for the Badge component. */
export interface BadgeProps {
    /** Badge content */
    children?: React.ReactNode;
    /** Color variant */
    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'purple';
    /** Size variant */
    size?: 'sm' | 'md' | 'lg';
    /** Icon to display */
    icon?: React.ReactNode;
    /** Show dot indicator */
    dot?: boolean;
    /** Render as pill (rounded-full) */
    pill?: boolean;
    /** Render as outline style */
    outline?: boolean;
    /** Click handler */
    onClick?: () => void;
    /** Dismissible badge with close button */
    dismissible?: boolean;
    /** Dismiss handler */
    onDismiss?: () => void;
    /** Count to display */
    count?: number;
    /** Max count before showing "+" */
    maxCount?: number;
    /** Additional className */
    className?: string;
}
/**
 * Badge Component
 *
 * Small status or label component for displaying metadata, status, or categories.
 * Commonly used for tags, statuses, counts, and labels.
 *
 * @example
 * ```tsx
 * <Badge variant="success">Active</Badge>
 * <Badge variant="primary" size="sm">New</Badge>
 * <Badge variant="warning" dot>Pending</Badge>
 * ```
 *
 * @example
 * ```tsx
 * <Badge variant="success" icon={<CheckIcon />}>
 *   Verified
 * </Badge>
 * ```
 */
export declare const Badge: React.FC<BadgeProps>;
//# sourceMappingURL=badge.d.ts.map