import { PaletteNames } from '../../theme/palette';
import { SvgIcon } from '../Icon';
import { IconName } from '../Icons/IconNames';
import { TagSize, TagVariant } from './constants';
export type TagColors = Extract<PaletteNames, 'blueberry' | 'neutral' | 'cherry' | 'banana' | 'kiwi' | 'plum'>;
export interface TagProps {
    /** Sets the text of the tag */
    children: string;
    /** Sets the size of the tag. Default: medium */
    size?: keyof typeof TagSize;
    /** Sets the background of the tag. Default: blueberry */
    color?: TagColors;
    /** Adds an icon to the tag. */
    svgIcon?: SvgIcon | IconName;
    variant?: keyof typeof TagVariant;
    /** Sets the data-testid attribute on the expander button. */
    testId?: string;
}
declare const Tag: React.FC<TagProps>;
export default Tag;
