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

const Base = () => {
  return (
    <>
      <Row autoMode={true}>
        <Col span="24">
          <Alert
            message="用于表示普通操作信息提示"
            showIcon
            titleAction={
              <span style={{ color: 'var(--primary-6)', cursor: 'pointer' }}>
                查看详情
              </span>
            }
            closable
            type="info"
          ></Alert>
        </Col>
        <Col span="24">
          <Alert
            message="用于表示操作顺利达成"
            showIcon
            titleAction={
              <span style={{ color: 'var(--green-7)', cursor: 'pointer' }}>
                查看详情
              </span>
            }
            closable
            type="success"
          ></Alert>
        </Col>
        <Col span="24">
          <Alert
            message="用于表示操作引起一定后果"
            showIcon
            titleAction={
              <span style={{ color: 'var(--orange-7)', cursor: 'pointer' }}>
                查看详情
              </span>
            }
            closable
            type="warning"
          ></Alert>
        </Col>
        <Col span="24">
          <Alert
            message="用于表示操作引起严重的后果"
            showIcon
            titleAction={
              <span style={{ color: 'var(--red-7)', cursor: 'pointer' }}>
                查看详情
              </span>
            }
            closable
            type="error"
          ></Alert>
        </Col>
      </Row>
    </>
  );
};

export default Base;
