import React from 'react';
import cn from 'classnames';
import { MenuItem } from 'react-mdl';
import PropTypes from 'prop-types';
import styles from './ActionsMenu.css';
import camelCase from 'lodash/camelCase';

const ActionsMenuItem = props => (
  <MenuItem
    className={cn(styles.menuItem, props.className, 'action-menu-item')}
    {...props}
    id={camelCase(props.children)}
  />
);

ActionsMenuItem.propTypes = {
  className: PropTypes.string,
  children: PropTypes.string,
};

export default ActionsMenuItem;