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

const BasicButton = () => {
  return (
    <>
      <Row autoMode={true}>
        <Col span={2}>
          <Button type="primary">主要按钮</Button>
        </Col>
        <Col span={2}>
          <Button type="secondary">次要按钮</Button>
        </Col>
        <Col span={2}>
          <Button>线性按钮</Button>
        </Col>
        <Col span={2}>
          <Button type="text">文字按钮</Button>
        </Col>
        <Col span={2}>
          <Button type="text" textColor="var(--primary-6)">
            文字按钮
          </Button>
        </Col>
        <Col span={2}>
          <Button type="link">链接按钮</Button>
        </Col>
      </Row>
    </>
  );
};

export default BasicButton;
