import React from 'react';

const name = 'coral-plugin-comment-count';

const CommentCount = ({items, id}) => {
  let count = 0;
  if (items[id]) {
    count += items[id].comments.length;
  }
  const itemKeys = Object.keys(items);
  for (let i = 0; i < itemKeys.length; i++) {
    const item = items[itemKeys[i]];
    if (item.children) {
      count += item.children.length;
    }
  }

  return <div className={`${name  }-text`}>
    {`${count  } ${  count === 1 ? 'Comment' : 'Comments'}`}
  </div>;
};

export default CommentCount;