function ReturnEarlyExampleComponent() {
  const isFetching = true;
  const comments = [];

  if (isFetching) {
    return (
      <div className="comment-section">
        <span className="spinner">spinner showing</span>
      </div>
    );
  }

  if (props.comments.length === 0) {
    return (
      <div className="comment-section">
        <p className="error-message">No comments to show</p>
      </div>
    );
  }

  return (
    <div className="comment-section">
      {comments.map((comment) => (
        <Comment
          avatar={<Avatar icon={<UserOutlined />} />}
          content={ReactHtmlParser(comment.content)}
          key={comment.id}
          datetime={
            <span>
              {moment(comment.updatedAt).format('YYYY-MM-DD HH:mm:ss')} (
              {moment(comment.updatedAt).fromNow()})
            </span>
          }
          author={<Typography.Text>{comment.user.fullName}</Typography.Text>}
        />
      ))}
    </div>
  );
}