import * as React from 'react';
import { Col, Button, Row, notification } from '@btri-ui/base';
export default () => {
  const typeList = [
    {
      type: 'info',
      message: '用于表示普通操作信息提示',
      description: '用于表示普通操作信息提示具体提示内容。',
      btnType: 'primary',
    },
    {
      type: 'success',
      message: '用于表示操作顺利达成',
      description: '用于表示操作顺利达成信息提示具体提示内容。',
      btnType: 'success',
    },
    {
      type: 'error',
      message: '用于表示错误操作',
      description: '用于表示错误操作提示具体内容',
      btnType: 'error',
    },
    {
      type: 'warning',
      message: '用于表示操作引起的严重后果',
      description: '用于表示操作引起的严重后果提示具体提示内容。',
      btnType: 'alarm',
    },
    {
      type: 'normal',
      message: '用于表示普通操作信息提示',
      description: '用于表示普通操作信息提示具体提示内容。',
      btnType: 'secondary',
    },
  ];

  const showMsg = params => {
    notification[params.type]({
      ...params,
    });
  };

  return (
    <>
      <Row autoMode={true}>
        {typeList.map(item => (
          <Col span={3} key={item.type}>
            <Button
              type={item.btnType}
              onClick={() => {
                showMsg(item);
              }}
            >
              {item.type}
            </Button>
          </Col>
        ))}
      </Row>
    </>
  );
};