All files MenuItem.jsx

75% Statements 3/4
0% Branches 0/4
0% Functions 0/1
75% Lines 3/4
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37        1x                                 1x             1x                
import React from 'react';
import PropTypes from 'prop-types';
import cx from 'classnames';
 
const MenuItem = ({ title, onClick, styles, className, children, disabled }) => (
  <div
    disabled={disabled}
    title={title || (typeof children === 'string' ? children : '')}
    className={cx(
      styles.item,
      className,
      {
        [styles.disabledItem]: disabled
      }
    )}
    onClick={onClick}
  >
    { children }
  </div>
);
 
MenuItem.propTypes = {
  disabled: PropTypes.bool,
  onClick: PropTypes.func,
  styles: PropTypes.shape(),
  title: PropTypes.string
};
 
MenuItem.defautProps = {
  disabled: false,
  onClick: undefined,
  styles: {},
  title: ''
};
 
export default MenuItem;