import React, { useRef, useState } from 'react'

import { Button, Drawer, DatePicker, PopupContainerProvider } from 'react-icecream'

export default function Demo() {
  const [visible, setVisible] = useState(false)
  const ref = useRef<HTMLDivElement>(null)
  return (
    <div ref={ref}>
      <PopupContainerProvider containerRef={ref}>
        <Button onClick={() => setVisible(true)}>打开</Button>
        <Drawer title="抽屉标题" visible={visible} onCancel={() => setVisible(false)}>
          <DatePicker />
          <div style={{ height: 1600, marginTop: 24 }}>可以向下滑动</div>
        </Drawer>
      </PopupContainerProvider>
    </div>
  )
}