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

const DisableButton = () => {
  return (
    <>
      <Row autoMode={true}>
        <Col span={2}>
          <Button type="primary" disabled>
            主要按钮
          </Button>
        </Col>
        <Col span={2}>
          <Button type="secondary" disabled>
            次要按钮
          </Button>
        </Col>
        <Col span={2}>
          <Button disabled>线性按钮</Button>
        </Col>
        <Col span={2}>
          <Button type="text" disabled>
            文字按钮
          </Button>
        </Col>
        <Col span={2}>
          <Button type="text" textColor="#95C1FF" disabled>
            文字按钮
          </Button>
        </Col>
        <Col span={2}>
          <Button type="link" disabled>
            链接按钮
          </Button>
        </Col>
        <Col span={2}>
          <Button type="primary" loading>
            主要按钮
          </Button>
        </Col>
      </Row>
    </>
  );
};

export default DisableButton;
