import React, { useState } from 'react'

import { Dropdown, Button, Menu, MenuItem } from 'react-icecream'

export default function Demo() {

  const [visible, setVisible] = useState(false)

  const overlay = (
    <Menu>
      <MenuItem>Detail</MenuItem>
      <MenuItem>Update</MenuItem>
      <MenuItem>Remove</MenuItem>
    </Menu>
  )

  return (
    <Dropdown
      trigger="click"
      visible={visible}
      onVisibleChange={setVisible}
      overlay={overlay}
    >
      <Button>Click me</Button>
    </Dropdown>
  )
}