import React, { useState } from 'react'
import { AreaPicker } from 'react-area-picker'

export default () => {
  const [visible, setVisible] = useState<boolean>(false)
  const [data, setData] = useState([])
  const [lastCode, setLastCode] = useState()

  const handleConfirm = (data: any) => {
    setData(data)
    setLastCode(data?.[2]?.code)
    setVisible(false)
  }

  return (
    <>
      <button onClick={() => setVisible(true)}>显示</button>
      <AreaPicker
        visible={visible}
        style={{ height: '60%' }}
        lastCode={lastCode}
        onConfirm={handleConfirm}
        onCancel={() => setVisible(false)}
      ></AreaPicker>
    </>
  )
}