import React, { useState } from 'react';
import { Button, Row, Drawer } from '@btri-ui/base';
import './index.less';

export default () => {
  const [show, setShow] = useState(false);
  const toShow = () => setShow(true);
  const toClose = () => setShow(false);
  return (
    <div>
      <Row autoMode={true}>
        <Button onClick={toShow}>打开抽屉</Button>
      </Row>
      <Drawer title="抽屉标题" visible={show} footer={true} onClose={toClose}>
        <p className="content">抽屉的内容</p>
      </Drawer>
    </div>
  );
};
