"use client";

import { ListGridViewToggle } from "@/components/ui/list-grid-view-toggle";

import {
  cdcIssueMatrixText,
  type IssueMatrixLanguage,
} from "./cdc-issue-matrix-i18n";

export type CdcIssueMatrixView = "list" | "grid";

type CdcIssueMatrixViewToggleProps = {
  view: CdcIssueMatrixView;
  language: IssueMatrixLanguage;
  onChange: (view: CdcIssueMatrixView) => void;
};

export function CdcIssueMatrixViewToggle({
  view,
  language,
  onChange,
}: CdcIssueMatrixViewToggleProps) {
  const text = cdcIssueMatrixText[language] ?? cdcIssueMatrixText.en;

  return (
    <ListGridViewToggle
      value={view}
      onChange={onChange}
      listLabel={text.list}
      gridLabel={text.grid}
    />
  );
}