import type { ReactNode } from "react";

export type IssueViewDetailLabels = {
  submittedDetail: string;
  governmentPrimaryAgency: string;
  submittedDate: string;
  meetingDate: string;
  category: string;
  status: string;
  meetingReferenceDocument: string;
  issueDescription: string;
  recommendation: string;
  notAvailable: string;
};

export type IssueViewDetailData = {
  primaryAgencyName: string;
  primaryAgencyLogo: string | null;
  submittedDate: string | null;
  meetingDate: string | null;
  category: string;
  description: string;
  recommendation: string;
  attachment: string | null;
};

export type IssueViewDetailReportTab = {
  id: string;
  label: string;
  content?: ReactNode;
};

export type IssueViewDetailBodyProps = {
  data: IssueViewDetailData;
  isDark: boolean;
  labels: IssueViewDetailLabels;
  status: ReactNode;
  translateText?: (value: string) => string;
  reportTabs?: IssueViewDetailReportTab[];
};