import { IconColor } from '../../tokens/icon-colors/IconColors';
import { IconName } from '../../tokens/icons/Icons';
import { ButtonHTMLAttributes, HTMLAttributes } from 'react';
export type TagIconColor = Exclude<IconColor, 'black' | 'gray' | 'white'>;
export type TagColor = Exclude<TagIconColor, 'brand'>;
export interface TagProps extends HTMLAttributes<HTMLDivElement> {
    /** The text shown in the tag. **Notice!** A maximum limit of 48 characters. */
    children: string;
    /** If provided, adds a close button to remove tag */
    feClosable?: ButtonHTMLAttributes<HTMLButtonElement>;
    /** If provided, gives the supplied appearance */
    feColor?: TagColor;
    /** If true, adds disabled styling */
    feDisabled?: boolean;
    /** If provided, displays an icon before the text */
    feIcon?: IconName;
    /** If provided, alters the icon color. **Notice!** If `feColor` is provided, this prop will be unset.   */
    feIconColor?: TagIconColor;
    /** If provided, displays an alternative size */
    feSize?: 'md' | 'sm';
    /** If provided, alters the appearance */
    feType?: 'filled' | 'outlined';
}
/**
 * The `<Tag>` component can be used to show results of a selection.
 *
 * See [InVision DSM](https://skf.invisionapp.com/dsm/ab-skf/4-web-applications/nav/5fa7caf78c01200018354495/folder/619626b19069cda505105292) for design principles.
 */
declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<HTMLDivElement>>;
export default Tag;