export const CharacterCounter = ({ text, max }) => {
  const diff = max - length(text);

  if (diff < 0) {
    return <span className='character-counter character-counter--over'>{diff}</span>;