weseek__growi/apps/app/src/client/components/Common/CountBadge.tsx

import type { FC } from 'react';
import React from 'react';

type CountProps = {
  count?: number;
  offset?: number;
};

const CountBadge: FC<CountProps> = (props: CountProps) => {
  const { count, offset = 0 } = props;

  return (
    <span className="grw-count-badge px-2 badge bg-body-tertiary text-body-tertiary">
      {count == null && <span className="text-muted">―</span>}
      {count != null && count + offset}
    </span>
  );
};

export default CountBadge;