import React from 'react';
import { BubbleProps, MessageBubbleData } from '../type';
export declare const LOADING_FLAT = "...";
/**
 * BubbleMessageDisplay 组件 - 聊天气泡消息显示组件
 *
 * 该组件负责渲染聊天气泡中的消息内容，支持多种内容类型的显示，
 * 包括Markdown、异常消息、加载状态等。提供完整的交互功能。
 *
 * @component
 * @description 聊天气泡消息显示组件，处理各种消息内容的渲染
 * @param {BubbleProps & {content: MessageBubbleData['content'], bubbleListItemExtraStyle?: React.CSSProperties}} props - 组件属性
 * @param {string} props.content - 消息内容
 * @param {React.CSSProperties} [props.bubbleListItemExtraStyle] - 额外样式
 * @param {MutableRefObject} [props.bubbleRef] - 气泡引用
 * @param {boolean} [props.readonly] - 是否只读模式
 * @param {BubbleRenderConfig} [props.bubbleRenderConfig] - 渲染配置
 * @param {BubbleMetaData} [props.avatar] - 头像元数据
 *
 * @example
 * ```tsx
 * <BubbleMessageDisplay
 *   content="这是一条消息内容"
 *   readonly={false}
 *   bubbleRef={bubbleRef}
 * />
 * ```
 *
 * @returns {React.ReactElement} 渲染的消息显示组件
 *
 * @remarks
 * - 组件会自动处理 Markdown 内容的渲染
 * - 支持异常消息的特殊展示
 * - 提供完整的交互操作（点赞、点踩、复制等）
 * - 可以通过 extraRender 完全自定义额外操作区域
 *
 * @see {@link BubbleProps} 了解更多关于聊天项属性的信息
 * @see {@link BaseChatProps} 了解更多关于基础聊天属性的信息
 */
export declare const BubbleMessageDisplay: React.FC<BubbleProps & {
    content: MessageBubbleData['content'];
    bubbleListItemExtraStyle?: React.CSSProperties;
    contentAfterDom?: React.ReactNode;
}>;
