/**
 * Dashboard Page
 */
import { Card, Row, Col, Statistic } from 'antd';
import { DatabaseOutlined, GlobalOutlined, RocketOutlined } from '@ant-design/icons';

export function Dashboard() {
  return (
    <div>
      <h1>控制台</h1>
      <Row gutter={16} style={{ marginTop: 24 }}>
        <Col span={8}>
          <Card>
            <Statistic
              title="天体总数"
              value={18}
              prefix={<GlobalOutlined />}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card>
            <Statistic
              title="探测器"
              value={7}
              prefix={<RocketOutlined />}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card>
            <Statistic
              title="数据记录"
              value={1245}
              prefix={<DatabaseOutlined />}
            />
          </Card>
        </Col>
      </Row>
    </div>
  );
}
