import React from "react";
import { Col, Row, Typography, Card, Statistic } from "antd";
import { FileExclamationOutlined, FileUnknownOutlined, FormOutlined, ScheduleOutlined } from "@ant-design/icons";
import { PiFoldersBold } from "react-icons/pi"
import { DefaultLayout } from "../../components/layouts";

const Inicio = () => {

  const { Title } = Typography;

  return (
    <DefaultLayout>
      <Row gutter={10}>
        <Title level={3}>
          Inicio
        </Title>
      </Row>
      <Row gutter={[10, 10]}>
        <Col span={8}>
          <Card
            hoverable={true}
            style={{ cursor: 'pointer' }}
            onClick={() => {}}
          >
            <Statistic
              value=''
              prefix={<FormOutlined />}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card
            hoverable={true}
            style={{ cursor: 'pointer' }}
          >
            <Statistic
              value=''
              prefix={<FileExclamationOutlined />}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card
            hoverable={true}
            style={{ cursor: 'pointer' }}
            onClick={() => {}}
          >
            <Statistic
              value=''
              prefix={<ScheduleOutlined />}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card
            hoverable={true}
            style={{ cursor: 'pointer' }}
          >
            <Statistic
              value=''
              prefix={<ScheduleOutlined />}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card
            hoverable={true}
            style={{ cursor: 'pointer' }}
          >
            <Statistic
              value=''
              prefix={<PiFoldersBold />}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card
            hoverable={true}
            style={{ cursor: 'pointer' }}
          >
            <Statistic
              value=''
              prefix={<FileUnknownOutlined />}
            />
          </Card>
        </Col>
      </Row>
    </DefaultLayout>
  );
};

export default Inicio;