import React from 'react';
import PropTypes from 'prop-types';
import Text from '../Text';
import Wrapper from './Wrapper';

var Count = function Count(_ref) {
  var count = _ref.count,
      isActive = _ref.isActive;
  return /*#__PURE__*/React.createElement(Wrapper, {
    isActive: isActive,
    justifyContent: "center",
    alignItems: "center"
  }, /*#__PURE__*/React.createElement(Text, {
    lineHeight: "none",
    fontWeight: "bold",
    color: isActive ? 'mediumBlue' : 'grey',
    fontSize: "xs"
  }, count));
};

Count.propTypes = {
  count: PropTypes.number,
  isActive: PropTypes.bool
};
Count.defaultProps = {
  count: 0,
  isActive: false
};
export default Count;