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
        disabled
        onClick={() => console.log('Remove clicked')}
      >Remove</MenuItem>
    </Menu>
  )
  return (
    <Dropdown overlay={overlay} trigger="click">
      <Button endIcon={<DownThinIcon />}>Operations with disabled</Button>
    </Dropdown>
  )
}