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

const Base = () => {
  return (
    <>
      <Row autoMode={true}>
        <Col span={4}>
          <Tooltip title="prompt text" color="tips">
            <Button type="primary">tips</Button>
          </Tooltip>
        </Col>
        <Col span={4}>
          <Tooltip title="prompt text" color="error">
            <Button type="error">error</Button>
          </Tooltip>
        </Col>
        <Col span={4}>
          <Tooltip title="prompt text" color="success">
            <Button type="success">success</Button>
          </Tooltip>
        </Col>
        <Col span={4}>
          <Tooltip title="prompt text" color="warning">
            <Button type="alarm">warning</Button>
          </Tooltip>
        </Col>
      </Row>
    </>
  );
};

export default Base;
