import { ApplicantInfo } from "@/src/types/admin/types";
import SectionHeader from "../SectionHeader";
import DataTable from "../DataTable";

interface Props {
  applicantInfo: ApplicantInfo;
}

export default function TenantInformationStep({ applicantInfo }: Props) {
  const tableData = [
    { label: "Name", value: applicantInfo.name || "N/A" },
    { label: "Phone", value: applicantInfo.phoneCell || "N/A" },
    { label: "Email", value: applicantInfo.email || "N/A" },
    { label: "Country", value: applicantInfo.country || "N/A" },
    { label: "State", value: applicantInfo.state || "N/A" },
    { label: "City", value: applicantInfo.city || "N/A" },
    { label: "Area", value: applicantInfo.area || "N/A" },
     
  ];

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