MetaPhase-Consulting/State-TalentMAP

import PropTypes from 'prop-types';
import FontAwesome from 'react-fontawesome';
import LinkButton from '../LinkButton';

const ViewDetailsButton = ({ id }) => (
  <LinkButton toLink={`/details/${id}`} className="tm-button-alt">
    <span className="tm-button-alt-icon">
      <FontAwesome name="plus-circle" />
    </span>
    View details
  </LinkButton>
);

ViewDetailsButton.propTypes = {
  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
};

export default ViewDetailsButton;