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

export default () => {
  const showMsg = (type: string, text) => {
    message[type]?.(text);
  };
  const types = [
    {
      type: 'info',
      text: '用于表示普通操作信息提示',
      btnType: 'primary',
    },
    {
      type: 'success',
      text: '用于表示成功操作信息提示',
      btnType: 'success',
    },
    {
      type: 'warning',
      text: '用于表示警告操作信息提示',
      btnType: 'alarm',
    },
    {
      type: 'error',
      text: '用于表示错误操作信息提示',
      btnType: 'error',
    },
    {
      type: 'normal',
      text: '用于表示普通信息提示',
      btnType: 'secondary',
    },
    {
      type: 'loading',
      text: '用于表示正在生效信息提示',
      btnType: 'secondary',
    },
  ];
  return (
    <>
      <Row autoMode={true}>
        {types.map(item => (
          <Col span={2} key={item.type}>
            <Button
              type={item.btnType}
              onClick={() => {
                showMsg(item.type, item.text);
              }}
            >
              {item.type}
            </Button>
          </Col>
        ))}
      </Row>
    </>
  );
};