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

const Base = () => {
  const content = <div>这里是气泡卡片内容</div>;
  return (
    <>
      <Row autoMode={true}>
        <Col span={6}>
          <Popover content={content} title="标题" showCloseButton={true}>
            <Button type="primary">hover text</Button>
          </Popover>
        </Col>
        <Col span={6}>
          <Popover
            content={content}
            title="标题"
            trigger="click"
            showCloseButton={true}
          >
            <Button type="primary">click me</Button>
          </Popover>
        </Col>
      </Row>
    </>
  );
};

export default Base;
