import { Fragment } from "react";
import type { ReactNode } from "react";
import type { CheckRun, PatientDetail } from "../../api/types";
import { formatDate } from "../../flow";
import { headerLine, statCells } from "../../logic/patient-detail";
import { patientStatePill } from "../../logic/pills";
import { cn } from "../kit";
import { Pill } from "../Pill";
import { CopyButton } from "./bits";
import { PatientActions } from "./PatientActions";
const Sep = () => (
•
);
/** The name large, a quiet contact line with copy buttons under it, and how the clinician has the patient on the right. */
export function PatientHeader({ patient, clinicName }: { patient: PatientDetail; clinicName: string }) {
const born = patient.dateOfBirth ? formatDate(patient.dateOfBirth) : null;
const items: ReactNode[] = [];
if (patient.phone)
items.push(
{patient.phone}
,
);
for (const part of headerLine(patient, clinicName))
items.push(
born && part === `Born ${born}` ? (
{part}
) : (
{part}
),
);
return (
);
}
/** Four label and value pairs from what the page already loaded, no boxes, and the actions beside them. */
export function StatRow({ patient, check, checkLoading }: { patient: PatientDetail; check: CheckRun | null; checkLoading: boolean }) {
const cells = statCells(patient, check, checkLoading);
return (