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

const Base = () => {
  return (
    <>
      <Row autoMode={true}>
        <Col span={2}>
          <Badge dot>
            <Avatar shape="square" />
          </Badge>
        </Col>
        <Col span={2}>
          <Badge text="new">
            <Avatar shape="square" />
          </Badge>
        </Col>
        <Col span={2}>
          <Badge count={99} status="processing">
            <Avatar shape="square" />
          </Badge>
        </Col>
        <Col span={2}>
          <Badge count={99} status="success">
            <Avatar shape="square" />
          </Badge>
        </Col>
      </Row>
    </>
  );
};

export default Base;
