import { Card, Empty, Alert } from 'antd'
import { HistoryOutlined, SyncOutlined } from '@ant-design/icons'

const HistoryPage = () => {
  return (
    <div>
      <Alert
        message="功能开发中"
        description="历史记录功能正在开发中，您将能够查看和管理所有对话历史..."
        type="warning"
        showIcon
        icon={<SyncOutlined spin />}
        style={{ marginBottom: 24 }}
      />

      <Card>
        <Empty
          image={Empty.PRESENTED_IMAGE_SIMPLE}
          imageStyle={{ height: 120 }}
          description={
            <div>
              <HistoryOutlined style={{ fontSize: 48, color: '#d9d9d9', marginBottom: 16 }} />
              <div style={{ color: '#999' }}>历史记录功能即将上线</div>
              <div style={{ color: '#ccc', fontSize: 12, marginTop: 8 }}>
                您将能够查看所有对话记录、按项目筛选、导出对话等
              </div>
            </div>
          }
        />
      </Card>
    </div>
  )
}

export default HistoryPage