content: import React from 'react';
  import PropTypes from 'prop-types';
  import { length } from 'stringz';
  
  export default class CharacterCounter extends React.PureComponent {
  
    static propTypes = {
      text: PropTypes.string.isRequired,
      max: PropTypes.number.isRequired,
    };
  
    checkRemainingText (diff) {
      if (diff < 0) {
        return <span className='character-counter character-counter--over'>{diff}</span>;
      }
  
      return <span className='character-counter'>{diff}</span>;
    }
  
    render () {
      const diff = this.props.max - length(this.props.text);
      return this.checkRemainingText(diff);
    }
  
  }
  