import { Accessibility } from '@fluentui/accessibility';
import { ComponentWithAs } from '@fluentui/react-bindings';
import { ShorthandValue, FluentComponentStaticProps } from '../../types';
import { UIComponentProps, ChildrenComponentProps } from '../../utils';
import { BoxProps } from '../Box/Box';
export interface ChatItemSlotClassNames {
    message: string;
    gutter: string;
}
export declare const chatItemClassName = "ui-chat__item";
export declare const chatItemSlotClassNames: ChatItemSlotClassNames;
export interface ChatItemProps extends UIComponentProps, ChildrenComponentProps {
    /**
     * Accessibility behavior if overridden by the user.
     */
    accessibility?: Accessibility<never>;
    /** Controls item's relation to other chat items. */
    attached?: boolean | 'top' | 'bottom';
    /** Chat items can have a gutter. */
    gutter?: ShorthandValue<BoxProps>;
    /** Indicates whether the content is positioned at the start or the end. */
    contentPosition?: 'start' | 'end';
    /** Chat items can have a message. */
    message?: ShorthandValue<BoxProps>;
}
export declare type ChatItemStylesProps = Pick<ChatItemProps, 'attached' | 'contentPosition'>;
/**
 * A ChatItem is container for single entity in Chat (e.g. message, notification, etc).
 */
export declare const ChatItem: ComponentWithAs<'li', ChatItemProps> & FluentComponentStaticProps<ChatItemProps>;