/**
 * title: ""
 * description: "以默认信息条状态为例"
 */
import React from 'react';
import { Message, Grid } from '@alicloud/console-components';

const { Row, Col } = Grid;

export default () => {
  return (
    <Row gutter={8} wrap>
      <Col span={12} >
        <br />
        <h5>无语义</h5>
        <Message type="help">描述文案或其他内容类信息</Message>
      </Col>
      <Col span={12}>
        <br />
        <h5>高亮</h5>
        <Message type="notice">运营类信息或提示类信息</Message>
      </Col>
      <Col span={12}>
        <br />
        <h5>成功</h5>
        <Message type="success">信息成功提示类或完成结果提醒</Message>
      </Col>
      <Col span={12}>
        <br />
        <h5>中危</h5>
        <Message type="warning">轻量警示信息或重要提示信息</Message>
      </Col>
      <Col span={12}>
        <br />
        <h5>高危</h5>
        <Message type="error">
          重量级警示、提示、报错或无法回退的操作提示
        </Message>
      </Col>
    </Row>
  );
};