import { BadgeNotificationVariant } from './NotificationBadge';
import { PaletteNames } from '../../theme/palette';
export type BadgeColors = Extract<PaletteNames, 'blueberry' | 'cherry' | 'neutral'>;
export type BadgeChildren = string | number;
export type BadgeVariant = 'string' | 'notification';
export interface BadgeProps {
    /** Sets the content of the badge. */
    children?: BadgeChildren;
    /** Adds custom classes to the element. */
    className?: string;
    /** Changes the badge background color. */
    color?: BadgeColors;
    /** Sets the data-testid attribute. */
    testId?: string;
    /** Changes the type of the badge. Default: string */
    type?: BadgeVariant;
    /** Type of notification badge. Only works if type is 'notification'. */
    notificationVariant?: BadgeNotificationVariant;
    /** Ref passed to the root element */
    ref?: React.Ref<HTMLElement | null>;
}
export type BadgeType = typeof Badge;
declare const Badge: React.FC<BadgeProps>;
export default Badge;