import { Patient } from '@/types/patient';

interface PatientSummaryCardProps {
  patient?: Patient;
}

export function PatientSummaryCard({ patient }: PatientSummaryCardProps) {
  if (!patient) {
    return (
      <div className="surface-card p-4">
        <p className="text-sm text-text-muted">Select a patient to view details.</p>
      </div>
    );
  }

  return (
    <div className="surface-card p-4 space-y-2">
      <h2 className="text-lg font-semibold text-text-primary">
        {patient.firstName} {patient.lastName}
      </h2>
      <p className="text-sm text-text-secondary">Phone: {patient.phone || '-'}</p>
      <p className="text-sm text-text-secondary">Email: {patient.email || '-'}</p>
      <p className="text-sm text-text-secondary">
        Status: {patient.isActive ? 'Active' : 'Inactive'}
      </p>
    </div>
  );
}