"use client";

import { useTranslations } from "next-intl";
import type { SupportTicketCategory } from "@/types";

/**
 * Plain translated category label, e.g. "Bug" / "Feature request" /
 * "Billing". No styling chrome — just the text. Categories don't
 * carry the same lifecycle/urgency signal as status, so they don't
 * earn a coloured pill.
 */
export function TicketCategoryLabel({
  category,
}: {
  category: SupportTicketCategory;
}) {
  const t = useTranslations("support");
  return <span>{t(`category_${category}`)}</span>;
}
