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

import { Button, Modal, 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>
        <Modal title="弹框示例" visible={visible} onCancel={() => setVisible(false)}>
          <DatePicker />
        </Modal>
      </PopupContainerProvider>
    </div>
  )
}