import { ComponentProps } from 'react';
import { MessageBubble } from './message-bubble';
export type MessageAlign = 'start' | 'end';
export interface MessageProps extends ComponentProps<'div'> {
    /**
     * Which side of the conversation the message sits on. `"end"` aligns the
     * message to the trailing edge (the sender's own messages); `"start"` (the
     * default) to the leading edge.
     * @defaultValue "start"
     */
    align?: MessageAlign;
}
declare function MessageRoot({ className, align, ...props }: MessageProps): import("react/jsx-runtime").JSX.Element;
declare namespace MessageRoot {
    var displayName: string;
}
export interface MessageGroupProps extends ComponentProps<'div'> {
}
export declare function MessageGroup({ className, ...props }: MessageGroupProps): import("react/jsx-runtime").JSX.Element;
export declare namespace MessageGroup {
    var displayName: string;
}
export interface MessageAvatarProps extends ComponentProps<'div'> {
}
export declare function MessageAvatar({ className, ...props }: MessageAvatarProps): import("react/jsx-runtime").JSX.Element;
export declare namespace MessageAvatar {
    var displayName: string;
}
export interface MessageHeaderProps extends ComponentProps<'div'> {
}
export declare function MessageHeader({ className, ...props }: MessageHeaderProps): import("react/jsx-runtime").JSX.Element;
export declare namespace MessageHeader {
    var displayName: string;
}
export interface MessageContentProps extends ComponentProps<'div'> {
}
export declare function MessageContent({ className, ...props }: MessageContentProps): import("react/jsx-runtime").JSX.Element;
export declare namespace MessageContent {
    var displayName: string;
}
export interface MessageFooterProps extends ComponentProps<'div'> {
}
export declare function MessageFooter({ className, ...props }: MessageFooterProps): import("react/jsx-runtime").JSX.Element;
export declare namespace MessageFooter {
    var displayName: string;
}
export interface MessageActionsProps extends ComponentProps<'div'> {
}
export declare function MessageActions({ className, ...props }: MessageActionsProps): import("react/jsx-runtime").JSX.Element;
export declare namespace MessageActions {
    var displayName: string;
}
export declare const Message: typeof MessageRoot & {
    Group: typeof MessageGroup;
    Avatar: typeof MessageAvatar;
    Header: typeof MessageHeader;
    Content: typeof MessageContent;
    Footer: typeof MessageFooter;
    Actions: typeof MessageActions;
    Bubble: typeof MessageBubble;
};
export {};
//# sourceMappingURL=message.d.ts.map