import { SizeTokenValue, QA } from '../common';
import { HTMLAttributes } from 'react';
import { CSSObject } from '@emotion/react';
export declare enum BadgeVariant {
    Red = "red",
    Accent = "accent",
    Grey = "grey",
    Disabled = "disabled"
}
export type BadgeStyles = {
    /** Размер */
    size: SizeTokenValue | `${SizeTokenValue}`;
    /** Вариант */
    variant: BadgeVariant | `${BadgeVariant}`;
    /** Очерченная граница */
    hasStroke?: boolean;
    /** Цвет текста */
    color?: string;
} & Pick<CSSObject, 'backgroundColor' | 'borderColor'>;
export type BadgeProps = Partial<BadgeStyles> & QA & HTMLAttributes<HTMLDivElement>;
export declare enum BadgeDotSize {
    XS = "xs",
    S = "s",
    M = "m",
    L = "l"
}
export type BadgeDotProps = {
    /** Размер */
    size: BadgeDotSize | `${BadgeDotSize}`;
} & QA & Omit<BadgeProps, 'children' | 'size' | 'color'>;