MetaPhase-Consulting/State-TalentMAP

import PropTypes from 'prop-types';
import { Tooltip } from 'react-tippy';
import BID_COUNT_DEFINITIONS from '../../../Constants/BidCountDefinitions';

const BidCountNumber = ({ type, number }) => (
  <li className="bid-count-list-item">
    <Tooltip
      title={BID_COUNT_DEFINITIONS[type].definition}
      arrow
      offset={-50}
      tabIndex="0"
    >
      <span className="bid-count-number">
        {number}
      </span>
    </Tooltip>
  </li>
);

BidCountNumber.propTypes = {
  number: PropTypes.number.isRequired,
  type: PropTypes.oneOf(['totalBids', 'atGradeBids', 'inSkillBids', 'atGradeInSkillBids']).isRequired,
};

export default BidCountNumber;