"use client";

import { useAppLanguage } from "@/components/providers/app-language-provider";
import type { IssueMatrixSummary } from "@/features/pswg/issue-matrix/components/issue-matrix-data";
import { IssueMatrixStatusCards } from "@/features/pswg/issue-matrix/components/issue-matrix-status-cards";
import { normalizeIssueMatrixLanguage } from "@/features/pswg/issue-matrix/components/issue-matrix-i18n";

// Zeros shown while the dashboard data is still loading.
const EMPTY_SUMMARY: IssueMatrixSummary = {
  totalIssues: 0,
  solved: 0,
  inProgress: 0,
  notAddressed: 0,
  totalPrimaryAgencies: 0,
};

type CdcGpsfDashboardSummaryCardsProps = {
  summary?: IssueMatrixSummary;
};

export function CdcGpsfDashboardSummaryCards({
  summary = EMPTY_SUMMARY,
}: CdcGpsfDashboardSummaryCardsProps) {
  const { language } = useAppLanguage();
  const matrixLanguage = normalizeIssueMatrixLanguage(language);

  return (
    <IssueMatrixStatusCards language={matrixLanguage} summary={summary} />
  );
}