import React from "react";

export const UnreadBadge = ({
  count,
  maxCount = 99,
  className = "unread-badge",
  showZero = false,
}) => {
  if (!showZero && (!count || count <= 0)) {
    return null;
  }

  const displayCount = count > maxCount ? `${maxCount}+` : count;

  return <span className={className}>{displayCount}</span>;
};
