import DataTable from "../../_common/components/DataTable";
import SectionHeader from "../../_common/components/SectionHeader";

interface ApplicantData {
  applicantName: string;
  coApplicantName: string;
  email: string;
  country: string;
  state: string;
  city: string;
  area: string;
  phoneCell: string;
  phoneWork: string;
  phoneHome: string;
}

interface FTHBApplicantInformationStepProps {
  applicantData: ApplicantData;
}

export default function FTHBApplicantInformationStep({ 
  applicantData 
}: FTHBApplicantInformationStepProps) {
  const data = [
    { label: "Applicant's Legal Name", value: applicantData.applicantName },
    { label: "Co-Applicant's Legal Name", value: applicantData.coApplicantName },
    { label: "Email Address", value: applicantData.email },
    { label: "Country", value: applicantData.country },
    { label: "State", value: applicantData.state },
    { label: "City", value: applicantData.city },
    { label: "Area", value: applicantData.area },
    { label: "Phone (Cell)", value: applicantData.phoneCell },
    { label: "Phone (Work)", value: applicantData.phoneWork },
    { label: "Phone (Home)", value: applicantData.phoneHome },
  ];

  return (
    <div className="p-6 min-h-[260px]">
      <SectionHeader title="Applicant Information" />
      <DataTable data={data} />
    </div>
  );
}