import { FC, ReactNode } from 'react';
import { BrandColor, FontColor, FontSize, BaseSpacing, ResponsiveProp } from '../../types';
export declare type BadgeSize = 'sm' | 'md' | 'lg' | 'xl';
export declare type BadgeVariant = 'info' | 'primary' | 'success' | 'secondary' | 'tertiary' | 'warning' | 'danger' | 'default';
export declare type BadgeColorAttributes = {
    font: FontColor;
    background: BrandColor;
};
export declare type BadgeSizeAttributes = {
    fontSize: FontSize;
    padding: BaseSpacing;
};
export interface BadgeProps {
    /**
     * Custom class to apply to the badge container div.
     */
    className?: string;
    /**
     * The text message or ReactNode to be rendered in the badge.
     */
    message?: string | ReactNode;
    /**
     * The size of the button.
     */
    size?: BadgeSize | ResponsiveProp<BadgeSize>;
    /**
     * The type/color of the badge to show.
     */
    variant?: BadgeVariant;
    /**
     * Additional props to be spread to rendered element
     */
    [x: string]: any;
}
export declare const Badge: FC<BadgeProps>;