/**
 * title: "静态展示标签不支持悬停以及激活状态，仅静态展示标签支持彩色样式"
 * description: ""
 */
import React from 'react';
import { Tag, Grid } from '@alicloud/console-components';

const { Row, Col } = Grid;

export default () => {
  return (
    <div>
      <h4>默认尺寸24px</h4>
      <Row>
        <Col>
          <Tag color="red">默认标签</Tag>
        </Col>
        <Col>
          <Tag color="yellow">默认标签</Tag>
        </Col>
        <Col>
          <Tag color="green">默认标签</Tag>
        </Col>
        <Col>
          <Tag color="blue">默认标签</Tag>
        </Col>
        <Col>
          <Tag >默认标签</Tag>
        </Col>
      </Row>
      <br />
      <h4>小号尺寸20px</h4>
      <Row>
        <Col>
          <Tag color="red" size="small">默认标签</Tag>
        </Col>
        
        <Col>
          <Tag color="yellow" size="small">默认标签</Tag>
        </Col>
        <Col>
          <Tag color="green" size="small">默认标签</Tag>
        </Col>
        <Col>
          <Tag  size="small" color='blue'>默认标签</Tag>
        </Col>
        <Col>
          <Tag >默认标签</Tag>
        </Col>
      </Row>
    </div>
  );
};