import { TNode, Value } from '@tempots/dom';
import { ControlSize, ButtonVariant } from '../theme';
import { ThemeColorName } from '@/tokens';
import { ExtendedColor } from '../theme/style-utils';
import { RadiusName } from '@/tokens/radius';
export interface BadgeOptions {
    variant?: Value<ButtonVariant>;
    size?: Value<ControlSize>;
    color?: Value<ThemeColorName | 'black' | 'white'>;
    roundedness?: Value<RadiusName>;
    circle?: Value<boolean>;
    fullWidth?: Value<boolean>;
}
export declare function generateBadgeClasses(size: ControlSize, roundedness: RadiusName, circle: boolean, fullWidth: boolean): string;
export declare function generateBadgeStyles(variant: ButtonVariant, color: ExtendedColor): string;
export declare function Badge({ variant, size, color, roundedness, circle, fullWidth, }: BadgeOptions, ...children: TNode[]): import("@tempots/dom").Renderable;
