import { Col, Row, Skeleton } from 'antd';
const ListSkeleton = ({}) => {
  return (
    <>
      <Row justify="space-between">
        <Col span={2}>
          <Skeleton.Avatar active={true} size="small" />
        </Col>
        <Col span={16}>
          <Skeleton.Input active={true} size="small" block={true} />
        </Col>
        <Col span={4}>
          <Skeleton.Button
            active={true}
            size="small"
            shape="round"
            block={true}
          />
        </Col>
      </Row>
      <p />
      <Row justify="space-between">
        <Col span={2}>
          <Skeleton.Avatar active={true} size="small" />
        </Col>
        <Col span={16}>
          <Skeleton.Input active={true} size="small" block={true} />
        </Col>
        <Col span={4}>
          <Skeleton.Button
            active={true}
            size="small"
            shape="round"
            block={true}
          />
        </Col>
      </Row>
      <p />
      <Row justify="space-between">
        <Col span={2}>
          <Skeleton.Avatar active={true} size="small" />
        </Col>
        <Col span={16}>
          <Skeleton.Input active={true} size="small" block={true} />
        </Col>
        <Col span={4}>
          <Skeleton.Button
            active={true}
            size="small"
            shape="round"
            block={true}
          />
        </Col>
      </Row>
      <p />
      <Row justify="space-between">
        <Col span={2}>
          <Skeleton.Avatar active={true} size="small" />
        </Col>
        <Col span={16}>
          <Skeleton.Input active={true} size="small" block={true} />
        </Col>
        <Col span={4}>
          <Skeleton.Button
            active={true}
            size="small"
            shape="round"
            block={true}
          />
        </Col>
      </Row>
      <p />
    </>
  );
};

export default ListSkeleton;
