import React from 'react'; import { TextAnimateProps } from '../Components/TextAnimate'; import { TypingAnimationProps } from '../Components/TypingAnimation'; export type WelcomeMessageTitleAnimateProps = Pick; export type WelcomeMessageDescriptionAnimateProps = Pick; /** * WelcomeMessage 组件的属性接口 * @interface WelcomeMessageProps */ export interface WelcomeMessageProps { /** 标题 */ title?: React.ReactNode; /** 描述 */ description?: React.ReactNode; /** 自定义样式类名,用于各个提示项的不同部分 */ classNames?: { title?: string; description?: string; }; /** 标题动画属性 */ titleAnimateProps?: WelcomeMessageTitleAnimateProps; /** 描述动画属性 */ descriptionAnimateProps?: WelcomeMessageDescriptionAnimateProps; /** 自定义样式 */ style?: React.CSSProperties; /** 自定义根节点样式类名 */ rootClassName?: string; } /** * WelcomeMessage 组件 - 欢迎消息组件 * * 该组件用于显示聊天开始时的欢迎消息,包含标题和描述信息。 * 适用于聊天机器人、客服系统等场景的初始欢迎界面。 * * @component * @description 欢迎消息组件,用于显示聊天开始时的欢迎信息 * @param {WelcomeMessageProps} props - 组件属性 * @param {React.ReactNode} [props.title] - 欢迎标题 * @param {string} [props.description] - 欢迎描述 * @param {Object} [props.classNames] - 自定义样式类名 * @param {string} [props.classNames.title] - 标题样式类名 * @param {string} [props.classNames.description] - 描述样式类名 * @param {WelcomeMessageTitleAnimateProps} [props.titleAnimateProps] - 标题动画属性 * @param {WelcomeMessageDescriptionAnimateProps} [props.descriptionAnimateProps] - 描述动画属性 * @param {React.CSSProperties} [props.style] - 自定义样式 * @param {string} [props.rootClassName] - 根节点样式类名 * * @example * ```tsx * * ``` * * @returns {React.ReactElement} 渲染的欢迎消息组件 * * @remarks * - 支持自定义标题和描述 * - 提供灵活的样式配置 * - 支持 React.ReactNode 类型内容 * - 集成 Ant Design 主题系统 * - 响应式布局适配 */ export declare const WelcomeMessage: React.FC;