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

const DefaultButton = () => {
  return (
    <Row>
      <Col span={8}>
        <Space size="S" direction="vertical">
          <Button size="large">次按钮</Button>
          <Button>次按钮</Button>
          <Button size="small">次按钮</Button>
          <Button icon={<Icon iconName="Add"></Icon>} size="large">
            次按钮
          </Button>
          <Button icon={<Icon iconName="Add"></Icon>}>次按钮</Button>
          <Button size="small" icon={<Icon iconName="Add"></Icon>}>
            次按钮
          </Button>
        </Space>
      </Col>
      <Col span={8}>
        <Space size="S" direction="vertical">
          <Button size="large" disabled>
            次按钮
          </Button>
          <Button disabled>次按钮</Button>
          <Button size="small" disabled>
            次按钮
          </Button>
          <Button
            size="large"
            disabled
            icon={
              <Icon
                iconName="Add"
                style={{
                  color: '#BFBFBF',
                }}
              ></Icon>
            }
          >
            次按钮
          </Button>
          <Button
            disabled
            icon={
              <Icon
                iconName="Add"
                style={{
                  color: '#BFBFBF',
                }}
              ></Icon>
            }
          >
            次按钮
          </Button>
          <Button
            size="small"
            disabled
            icon={
              <Icon
                iconName="Add"
                style={{
                  color: '#BFBFBF',
                }}
              ></Icon>
            }
          >
            次按钮
          </Button>
        </Space>
      </Col>
      <Col span={8}>
        <Space size="S" direction="vertical">
          <Button size="large" loading>
            加载中
          </Button>
          <Button loading>加载中</Button>
          <Button size="small" loading>
            加载中
          </Button>
          <Button size="large" loading>
            加载中
          </Button>
          <Button loading>加载中</Button>
          <Button size="small" loading>
            加载中
          </Button>
        </Space>
      </Col>
    </Row>
  );
};

export default DefaultButton;
