import React, { useCallback, useState } from 'react'
import { PopupContainerProvider, DatePicker } from 'react-icecream'

export default function Demo() {
  const [container, setContainer] = useState<HTMLDivElement | null>(null)
  const getContainer = useCallback(() => container, [container])
  return (
    <div style={{ height: 300, overflow: 'auto', position: 'relative' }}>
      <div style={{ height: 600 }} ref={setContainer}>
        <PopupContainerProvider getContainer={getContainer}>
          <DatePicker />
        </PopupContainerProvider>
      </div>
    </div>
  )
}