import React from 'react'

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

export default function Demo() {
  const overlay = (
    <Menu>
      <MenuItem onClick={() => console.log('Detail clicked.')}>Detail</MenuItem>
      <MenuItem onClick={() => console.log('Update clicked.')}>Update</MenuItem>
      <MenuItem onClick={() => console.log('Remove clicked.')}>Remove</MenuItem>
    </Menu>
  )
  return (
    <Dropdown overlay={overlay} trigger="click">
      <Button endIcon={<DownThinIcon />}>Operations</Button>
    </Dropdown>
  )
}