import { CSSProperties } from 'glamor';
import React from 'react';
export interface ChatBubbleStyles {
    container?: CSSProperties;
    content?: CSSProperties;
    right?: CSSProperties;
    left?: CSSProperties;
}
export interface ChatBubbleProps {
    /**
     * The message content
     */
    children: React.ReactNode;
    /**
     * @default "right"
     */
    direction?: 'left' | 'right';
    /**
     * style overwrites
     */
    styleOverwrites?: ChatBubbleStyles;
    surfaceBackground?: string;
}
export declare const ChatBubble: React.FC<ChatBubbleProps>;