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

const GhostButton = () => {
  return (
    <>
      <div style={{ background: 'var(--gray-10)',padding:'20px 0' }}>
        <Row autoMode={true}>
          <Col span={2}>
            <Button type="primary" ghost>
              主要按钮
            </Button>
          </Col>
          <Col span={2}>
            <Button ghost>线性按钮</Button>
          </Col>
          <Col span={2}>
            <Button type="dashed" ghost>
              虚框按钮
            </Button>
          </Col>
          <Col span={2}>
            <Button danger ghost>
              告警按钮
            </Button>
          </Col>
        </Row>
      </div>
    </>
  );
};

export default GhostButton;
