#对话启动组件

import { Title } from '@ant-design/agentic-ui';

export default () => {
  return <Title title="欢迎使用 AI 助手" subtitle="您的智能对话伙伴" />;
};

import { CaseReply } from '@ant-design/agentic-ui';

export default () => {
  return (
    <CaseReply
      coverBackground="rgba(132, 220, 24, 0.15)"
      quoteIconColor="rgb(132, 220, 24)"
      quote="这是一段引用文字"
      title="搜热门资讯"
      description="了解最新动态"
      onClick={() => console.log('卡片被点击')}
    />
  );
};

import { ButtonTabGroup } from '@ant-design/agentic-ui';
import { RefreshCcw } from '@sofa-design/icons';
import { useState } from 'react';

export default () => {
  const [activeKey, setActiveKey] = useState('all');

  return (
    <ButtonTabGroup
      items={[
        { key: 'all', label: '全部' },
        {
          key: 'recent',
          label: '最近',
          icon: <RefreshCcw />,
          onIconClick: () => console.log('刷新'),
        },
      ]}
      activeKey={activeKey}
      onChange={(key) => setActiveKey(key)}
    />
  );
};