// Copyright: © 2026 TWWIM UG. All rights reserved. (www.twwim.com)
/**
 * PhraseListHeader — locale label + "n / max" counter shown above the list.
 *
 * @layer Presentation
 */

interface PhraseListHeaderProps {
  localeLabel: string;
  count: number;
  max: number;
}

export function PhraseListHeader({
  localeLabel,
  count,
  max,
}: PhraseListHeaderProps) {
  return (
    <div className="flex items-center justify-between">
      <h4 className="text-sm font-semibold text-gray-700">{localeLabel}</h4>
      <span className="text-xs text-gray-500">
        {count} / {max}
      </span>
    </div>
  );
}