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

const IconButton = () => {
  return (
    <>
      <Row autoMode={true}>
        <Col span={4}>
          <Button type="primary" icon={<Icon iconName="Add"></Icon>}>
            主要按钮
          </Button>
        </Col>
        <Col span={4}>
          <Button type="secondary" icon={<Icon iconName="Add"></Icon>}>
            次要按钮
          </Button>
        </Col>
        <Col span={4}>
          <Button icon={<Icon iconName="Add"></Icon>}>线性按钮</Button>
        </Col>
        <Col span={4}>
          <Button type="text" afterIcon={<Icon iconName="DownSmall"></Icon>}>
            文字按钮
          </Button>
        </Col>
        <Col span={4}>
          <Button
            type="text"
            textColor="#1964FF"
            afterIcon={<Icon iconName="DownSmall"></Icon>}
          >
            文字按钮
          </Button>
        </Col>
        <Col span={4}>
          <Button type="link" afterIcon={<Icon iconName="DownSmall"></Icon>}>
            链接按钮
          </Button>
        </Col>
        <Col span={4}>
          <Button
            type="primary"
            icon={<Icon iconName="Search"></Icon>}
          ></Button>
        </Col>
        <Col span={4}>
          <Button type="text" icon={<Icon iconName="Search"></Icon>}></Button>
        </Col>
        <Col span={4}>
          <Button
            type="text"
            textColor="#1964FF"
            icon={<Icon iconName="Search"></Icon>}
          ></Button>
        </Col>
      </Row>
    </>
  );
};

export default IconButton;
