import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderTag_unstable as renderTag } from '@fluentui/react-tags';
import type { TagBaseState } from '@fluentui/react-tags';
import { TagContextValues } from '@fluentui/react-tags';
import { TagBaseProps as TagProps } from '@fluentui/react-tags';
import { TagSlots } from '@fluentui/react-tags';

export { renderTag }

/**
 * A visual representation of an attribute that can be optionally dismissed.
 */
export declare const Tag: ForwardRefComponent<TagProps>;

export { TagContextValues }

export { TagProps }

export { TagSlots }

export declare type TagState = TagBaseState & {
    root: {
        /**
         * Data attribute set when the tag is disabled.
         */
        'data-disabled'?: string;
        /**
         * Data attribute set when the tag renders as a dismissible button.
         */
        'data-dismissible'?: string;
        /**
         * Data attribute set when the tag is selected.
         */
        'data-selected'?: string;
    };
};

/**
 * Returns the state for a Tag component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderTag`.
 */
export declare const useTag: (props: TagProps, ref: React_2.Ref<HTMLSpanElement | HTMLButtonElement>) => TagState;

export declare const useTagContextValues: (state: TagState) => TagContextValues;

export { }