interface ApplicantInfoCardProps {
  applicantName: string;
  applicationNo: string;
  submittedDate: string;
}

export default function ApplicantInfoCard({ 
  applicantName, 
  applicationNo, 
  submittedDate 
}: ApplicantInfoCardProps) {
  
  return (
    <div className="relative bg-white rounded-xl border border-gray-200 p-3.5 space-y-2">
      <h3 className="text-xl font-medium text-primary dark:text-white/90">
        Applicant Information
      </h3>

      <div className="space-y-1">
        <InfoRow label="Applicant's Name" value={applicantName} />
        <InfoRow label="Applicant's No" value={applicationNo} />
        <InfoRow label="Application Submitted" value={submittedDate} />
      </div>
    </div>
  );
}

function InfoRow({ label, value }: { label: string; value: string }) {
  return (
    <p className="text-sm text-gray-600 flex items-center gap-1">
      <span className="min-w-[130px]">{label} :</span>
      <strong className="text-gray-900 font-semibold truncate">
        {value}
      </strong>
    </p>
  );
}