import React from 'react';
import type { Emphasis, Status } from '../../util/variant-types';
import { type IconName } from '../Icon';
type Props = {
    /**
     * CSS class names that can be appended to the component for styling.
     */
    className?: string;
    /**
     * Controls how much the tag stands out. **NOTE**: emphasis can only be set to "low" when status is "informational".
     *
     * **Default is `"high"`**.
     */
    emphasis?: Emphasis;
    /**
     * Icon name from the defined set of EDS icons
     */
    icon?: IconName;
    /**
     * The text contents of the tag, nested inside the component.
     */
    label?: string;
    /**
     * Status for the component state
     */
    status?: Status;
};
/**
 * `import {Tag} from "@chanzuckerberg/eds";`
 *
 * Status UI elements that visually represent metadata, attributes, or categorical information about an item. Tags usually represent system-generated information.
 *
 * Usage and content:
 * * As a best practice, keep labels to 1-2 words. Remember that tags represent discrete pieces of information Don’t overload users with excessive content, which will increase cognitive load.
 * * Use tag status variants which are appropriate for the tag’s content.
 * * Tags should not be used in a semantically incorrect way.Do not select tag status soley based on their color. If clients need color-coded tags which are not tied to a particular status, reach out the EDS.
 * * When using multiple tabs together, separate them with spacing-size-2. This provides sufficient white space for readability.
 */
export declare const Tag: ({ className, emphasis, icon, label, status, }: Props) => React.JSX.Element;
export {};