1 import PropTypes from 'prop-types';
2 import React from 'react';
4 const CountDisplay = ({ className, count, full }) => {
5 const classNames = ['count-display'];
7 classNames.push(className);
10 classNames.push('is-zero');
12 if (full && count >= full) {
13 classNames.push('is-full');
15 return <text className={classNames.join(' ')}>
20 CountDisplay.propTypes = {
21 className: PropTypes.string,
22 count: PropTypes.number,
23 full: PropTypes.number,
26 export default CountDisplay;