"use client";

import { IssueStatusBadge as UiIssueStatusBadge } from "@/components/ui/issue-status-badge";
import type { IssueStatus } from "@/features/pswg/working-group-issues/wg-issues-data";
import {
  translateWgIssuesText,
  type WgIssuesLanguage,
} from "@/features/pswg/working-group-issues/wg-issues-i18n";

// Re-export the shared styles/helper so feature code can theme issue statuses.
export {
  ISSUE_STATUS_LIGHT_STYLES,
  ISSUE_STATUS_DARK_STYLES,
  getIssueStatusStyle,
  type IssueStatusStyle,
} from "@/components/ui/issue-status-badge";

// Working-group-issue badge: translates the status label, then renders the
// reusable UI badge. Other tables can use the UI component directly.
export function IssueStatusBadge({
  status,
  language,
}: {
  status: IssueStatus;
  language: WgIssuesLanguage;
}) {
  return (
    <UiIssueStatusBadge
      status={status}
      label={translateWgIssuesText(language, status)}
    />
  );
}