import { UIComponentProps, ChildrenComponentProps, ContentComponentProps } from '../../utils';
import { Accessibility } from '@fluentui/accessibility';
import { ShorthandValue, FluentComponentStaticProps } from '../../types';
import { BoxProps } from '../Box/Box';
import { ReactionGroup } from './ReactionGroup';
import { ComponentWithAs } from '@fluentui/react-bindings';
export interface ReactionSlotClassNames {
    icon: string;
    content: string;
}
export interface ReactionProps extends UIComponentProps<ReactionProps>, ChildrenComponentProps, ContentComponentProps<ShorthandValue<BoxProps>> {
    /**
     * Accessibility behavior if overridden by the user.
     */
    accessibility?: Accessibility<never>;
    /** A reaction can have icon for the indicator of the reaction. */
    icon?: ShorthandValue<BoxProps>;
}
export declare type ReactionStylesProps = {
    hasContent: boolean;
};
export declare const reactionClassName = "ui-reaction";
export declare const reactionSlotClassNames: ReactionSlotClassNames;
/**
 * A Reaction indicates user's emotion or perception.
 * Used to display user's reaction for entity in Chat (e.g. message).
 */
export declare const Reaction: ComponentWithAs<'span', ReactionProps> & FluentComponentStaticProps<ReactionProps> & {
    Group: typeof ReactionGroup;
};