import { Dropdown, Button } from 'antd'
import PropTypes from 'prop-types'
import KeyboardShortcut from './KeyboardShortcut'

const ActionsButton = ({
  menu = { items: [] },
  onOpenModal,
  disabled = false,
  buttonProps = {},
  ...dropdownProps
}) => {
  const handleOpenModal = () => {
    if (disabled || !onOpenModal) return
    onOpenModal()
  }

  return (
    <KeyboardShortcut shortcut='alt+a' onTrigger={handleOpenModal}>
      <Dropdown
        menu={menu}
        trigger={onOpenModal ? undefined : ['click']}
        {...dropdownProps}
      >
        <Button
          {...buttonProps}
          disabled={disabled}
          onClick={onOpenModal ? handleOpenModal : undefined}
        >
          Actions
        </Button>
      </Dropdown>
    </KeyboardShortcut>
  )
}

ActionsButton.propTypes = {
  menu: PropTypes.object,
  onOpenModal: PropTypes.func,
  disabled: PropTypes.bool,
  buttonProps: PropTypes.object
}

export default ActionsButton