import * as React from 'react';
import { Col, Row, Badge, Avatar, Icon } from '@btri-ui/base';

const Base = () => {
  return (
    <>
      <Row autoMode={true}>
        <Col span={24}>默认大小</Col>
        <Col span={2}>
          <Badge count={2}>
            <Avatar shape="square" />
          </Badge>
        </Col>
        <Col span={2}>
          <Badge count={22}>
            <Avatar shape="square" />
          </Badge>
        </Col>
        <Col span={2}>
          <Badge count={999}>
            <Avatar shape="square" />
          </Badge>
        </Col>
        <Col span={24}>小尺寸</Col>
        <Col span={2}>
          <Badge size="small" count={2}>
            <Avatar shape="square" />
          </Badge>
        </Col>
        <Col span={2}>
          <Badge size="small" count={22}>
            <Avatar shape="square" />
          </Badge>
        </Col>

        <Col span={2}>
          <Badge size="small" count={999}>
            <Avatar shape="square" />
          </Badge>
        </Col>
      </Row>
    </>
  );
};

export default Base;
