import { default as React } from 'react';
import { StatusLevel } from '../../utils';
export type BadgeVariant = "filled" | "outline" | "subtle";
export type BadgeSize = "small" | "medium";
export interface BadgeProps {
    /** Visual variant */
    variant?: BadgeVariant;
    /** Size */
    size?: BadgeSize;
    /** Status-based coloring */
    status?: StatusLevel;
    /** Custom color */
    color?: string;
    /** Icon before text */
    icon?: React.ReactNode;
    /** Removable (shows X button) */
    onRemove?: () => void;
    /** Children */
    children: React.ReactNode;
    /** Custom className */
    className?: string;
    /** Click handler */
    onClick?: () => void;
}
export declare const Badge: React.NamedExoticComponent<BadgeProps>;
export default Badge;