import React from 'react';
import { 
  Card, Row, Col, Typography, Statistic
} from 'antd';

const { Title } = Typography;

// 仪表盘页面
export const DashboardPage = () => {
  return (
    <div>
      <Title level={2}>仪表盘</Title>
      <Row gutter={16}>
        <Col span={8}>
          <Card>
            <Statistic
              title="活跃用户"
              value={112893}
              loading={false}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card>
            <Statistic
              title="系统消息"
              value={93}
              loading={false}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card>
            <Statistic
              title="在线用户"
              value={1128}
              loading={false}
            />
          </Card>
        </Col>
      </Row>
    </div>
  );
};