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

const Base = () => {
  return (
    <>
      <Row autoMode={true}>
        <Col span="24">
          <Alert message="用于表示普通操作信息提示" banner type="info"></Alert>
        </Col>
        <Col span="24">
          <Alert
            message="用于表示操作顺利达成"
            banner
            type="info"
            showIcon
            closable
          ></Alert>
        </Col>
        <Col span="24">
          <Alert
            message="用于表示操作引起一定后果"
            banner
            type="info"
            showIcon
            description="这是一段普通操作信息的描述文案"
            descriptionAction={
              <span style={{ color: '#1962ff', cursor: 'pointer' }}>
                查看详情
              </span>
            }
            closable
          ></Alert>
        </Col>
        <Col span="24">
          <Alert
            message="用于表示操作引起严重的后果"
            banner
            showIcon
            type="error"
          ></Alert>
        </Col>
      </Row>
    </>
  );
};

export default Base;
