MetaPhase-Consulting/State-TalentMAP

import PropTypes from 'prop-types';
import LinkButton from '../../../LinkButton';

const DeclinedAlert = ({ bureau, bidIdUrl }, { condensedView }) => (
  <div className="bid-tracker-alert-container bid-tracker-alert-container--declined">
    <div className="top-text">
      {bureau || 'The bureau'} has <strong>declined</strong> the bid
    </div>
    {
      condensedView &&
      <div className="usa-grid-full">
        <LinkButton toLink={bidIdUrl} className="tm-button-transparent">
          Go to Bid Tracker
        </LinkButton>
      </div>
    }
  </div>
);

DeclinedAlert.propTypes = {
  bureau: PropTypes.string.isRequired,
  bidIdUrl: PropTypes.string,
};

DeclinedAlert.defaultProps = {
  bidIdUrl: '',
};

DeclinedAlert.contextTypes = {
  condensedView: PropTypes.bool,
};

export default DeclinedAlert;