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

const { Title } = Typography;

export default function Dashboard() {
  return (
    <>
      <Title level={3}>대시보드</Title>
      <Row gutter={16}>
        <Col span={6}>
          <Card><Statistic title="이번 달 정산 건수" value={0} suffix="건" /></Card>
        </Col>
        <Col span={6}>
          <Card><Statistic title="확정 대기" value={0} suffix="건" /></Card>
        </Col>
        <Col span={6}>
          <Card><Statistic title="지급 완료" value={0} suffix="건" /></Card>
        </Col>
        <Col span={6}>
          <Card><Statistic title="대사 차이" value={0} suffix="건" valueStyle={{ color: '#cf1322' }} /></Card>
        </Col>
      </Row>
    </>
  );
}
