import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type { InteractionTagBaseState } from '@fluentui/react-tags';
import type { InteractionTagContextValue } from '@fluentui/react-tags';
import type { InteractionTagPrimaryBaseState } from '@fluentui/react-tags';
import { InteractionTagPrimaryContextValues } from '@fluentui/react-tags';
import { InteractionTagPrimaryBaseProps as InteractionTagPrimaryProps } from '@fluentui/react-tags';
import { InteractionTagPrimarySlots } from '@fluentui/react-tags';
import { InteractionTagBaseProps as InteractionTagProps } from '@fluentui/react-tags';
import type { InteractionTagSecondaryBaseState } from '@fluentui/react-tags';
import { InteractionTagSecondaryBaseProps as InteractionTagSecondaryProps } from '@fluentui/react-tags';
import { InteractionTagSecondarySlots } from '@fluentui/react-tags';
import { InteractionTagSlots } from '@fluentui/react-tags';
import type * as React_2 from 'react';
import { renderInteractionTag_unstable as renderInteractionTag } from '@fluentui/react-tags';
import { renderInteractionTagPrimary_unstable as renderInteractionTagPrimary } from '@fluentui/react-tags';
import { renderInteractionTagSecondary_unstable as renderInteractionTagSecondary } from '@fluentui/react-tags';

/**
 * A visual representation of an attribute that can have primary and/or secondary actions.
 * Composed with `InteractionTagPrimary` and optionally `InteractionTagSecondary` children.
 */
export declare const InteractionTag: ForwardRefComponent<InteractionTagProps>;

export declare type InteractionTagContextValues = {
    interactionTag: InteractionTagContextValue;
};

/**
 * The primary, focusable action of an `InteractionTag`.
 */
export declare const InteractionTagPrimary: ForwardRefComponent<InteractionTagPrimaryProps>;

export { InteractionTagPrimaryContextValues }

export { InteractionTagPrimaryProps }

export { InteractionTagPrimarySlots }

export declare type InteractionTagPrimaryState = InteractionTagPrimaryBaseState & {
    root: {
        /**
         * Data attribute set when the primary action is disabled.
         */
        'data-disabled'?: string;
        /**
         * Data attribute set when the interaction tag is selected.
         */
        'data-selected'?: string;
        /**
         * Data attribute set when the interaction tag has a secondary action.
         */
        'data-has-secondary-action'?: string;
    };
};

export { InteractionTagProps }

/**
 * The dismiss / secondary action of an `InteractionTag`. Renders a button with
 * `Delete`/`Backspace` keyboard handling that calls the parent group's dismiss
 * handler. Does not render an icon by default - supply one via `children`.
 */
export declare const InteractionTagSecondary: ForwardRefComponent<InteractionTagSecondaryProps>;

export { InteractionTagSecondaryProps }

export { InteractionTagSecondarySlots }

export declare type InteractionTagSecondaryState = InteractionTagSecondaryBaseState & {
    root: {
        /**
         * Data attribute set when the secondary action is disabled.
         */
        'data-disabled'?: string;
        /**
         * Data attribute set when the interaction tag is selected.
         */
        'data-selected'?: string;
    };
};

export { InteractionTagSlots }

export declare type InteractionTagState = InteractionTagBaseState & {
    root: {
        /**
         * Data attribute set when the interaction tag is disabled.
         */
        'data-disabled'?: string;
        /**
         * Data attribute set when the interaction tag is selected.
         */
        'data-selected'?: string;
    };
};

export { renderInteractionTag }

export { renderInteractionTagPrimary }

export { renderInteractionTagSecondary }

/**
 * Returns the state for an InteractionTag component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderInteractionTag`.
 */
export declare const useInteractionTag: (props: InteractionTagProps, ref: React_2.Ref<HTMLDivElement>) => InteractionTagState;

export declare const useInteractionTagContextValues: (state: InteractionTagState) => InteractionTagContextValues;

/**
 * Returns the state for an InteractionTagPrimary component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderInteractionTagPrimary`.
 */
export declare const useInteractionTagPrimary: (props: InteractionTagPrimaryProps, ref: React_2.Ref<HTMLButtonElement>) => InteractionTagPrimaryState;

export declare const useInteractionTagPrimaryContextValues: (state: InteractionTagPrimaryState) => InteractionTagPrimaryContextValues;

/**
 * Returns the state for an InteractionTagSecondary component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderInteractionTagSecondary`.
 */
export declare const useInteractionTagSecondary: (props: InteractionTagSecondaryProps, ref: React_2.Ref<HTMLButtonElement>) => InteractionTagSecondaryState;

export { }