MetaPhase-Consulting/State-TalentMAP

import { Link } from 'react-router-dom';
import PropTypes from 'prop-types';
import { EMPTY_FUNCTION } from '../../../Constants/PropTypes';

const BidderPortfolioViewMore = ({ className, id, useLink, onClick, isExpanded }) => {
  const text = isExpanded ? 'Close' : 'View profile';
  const link = `/profile/public/${id}`;
  return (
    <div>
      {
        useLink ?
          <div className="view-more-link-centered">
            <Link to={link}>
              {text}
            </Link>
          </div>
          :
          <div
            className={`usa-grid-full current-user-section-container
          view-more-link-centered section-padded-inner-container-narrow`}
          >
            <button onClick={onClick} className={className}>
              {text}
            </button>
          </div>
      }
    </div>
  );
};

BidderPortfolioViewMore.propTypes = {
  className: PropTypes.string,
  useLink: PropTypes.bool,
  onClick: PropTypes.func,
  isExpanded: PropTypes.bool,
  id: PropTypes.number,
};

BidderPortfolioViewMore.defaultProps = {
  className: 'unstyled-button',
  useLink: false,
  onClick: EMPTY_FUNCTION,
  isExpanded: false,
  id: null,
};

export default BidderPortfolioViewMore;