MetaPhase-Consulting/State-TalentMAP

import PropTypes from 'prop-types';
import FontAwesome from 'react-fontawesome';
import { ifEnter } from '../../utilities';

const EditContentButton = ({ onToggle, ...rest }) => (
  <FontAwesome
    className="description-edit"
    role="button"
    onClick={onToggle}
    onKeyUp={(e) => { if (ifEnter(e)) { onToggle(); } }}
    name="pencil"
    id="description-edit"
    tabIndex="0"
    {...rest}
  />
);

EditContentButton.propTypes = {
  onToggle: PropTypes.func.isRequired,
};

export default EditContentButton;