root = Card([header, dateNav, stats, roomsSection, nextPatient, appointmentsSection, checkinForm, followups])
header = CardHeader("Clinic Receptionist", "Daily view — your schedule at a glance")
dateNav = Card([dateLabel, navButtons], "sunk", "row", "m", "center", "between")
dateLabel = TextContent("**Wednesday, June 18** — 14 patients expected today", "large")
navButtons = Buttons([prevBtn, todayBtn, nextBtn])
prevBtn = Button("← June 17", null, "secondary")
todayBtn = Button("Today", null, "primary")
nextBtn = Button("June 19 →", null, "secondary")
stats = Card([statsHeading, statTable], "sunk")
statsHeading = Heading("Today's overview", "h3")
statTable = Table([statMetric, statValue])
statMetric = Col("Metric", ["Patients expected", "Checked in so far", "No-show rate (this month)"])
statValue = Col("Value", ["14", "6", "18%"])
roomsSection = Card([roomsHeading, roomsList], "sunk")
roomsHeading = Heading("Rooms free right now", "h3")
roomsList = ListBlock([room1, room2, room3, room4, room5])
room1 = ListItem("Room 101", "Free — available now")
room2 = ListItem("Room 102", "Free — available now")
room3 = ListItem("Room 103", "In use — Dr. Patel")
room4 = ListItem("Room 104", "Free — available now")
room5 = ListItem("Room 105", "In use — Dr. Okafor")
nextPatient = Callout("info", "Next patient to call", "Amelia Rodriguez — Room 104 — scheduled 10:00 AM")
appointmentsSection = Card([apptHeading, apptTable], "sunk")
apptHeading = Heading("Today's appointments", "h3")
apptTable = Table([timeCol, patientCol, reasonCol, roomCol, statusCol])
timeCol = Col("Time", ["9:00 AM", "9:30 AM", "10:00 AM", "10:30 AM", "11:00 AM", "11:30 AM", "1:00 PM", "2:00 PM"])
patientCol = Col("Patient", ["James Carter", "Priya Shah", "Amelia Rodriguez", "Daniel Kim", "Sofia Martinez", "Ethan Brooks", "Grace Liu", "Noah Williams"])
reasonCol = Col("Reason", ["Follow-up", "Vaccination", "Consultation", "Lab results", "Physical", "Follow-up", "New patient", "Consultation"])
roomCol = Col("Room", ["101", "102", "104", "103", "101", "102", "105", "104"])
statusCol = Col("Status", ["Checked in", "Checked in", "Next", "Scheduled", "Scheduled", "Scheduled", "Scheduled", "Scheduled"])
checkinForm = Card([checkinHeading, checkinControl, checkinButtons], "sunk")
checkinHeading = Heading("Check in a patient", "h3")
checkinControl = FormControl("Patient name", patientInput, "Start typing to find a patient")
patientInput = Input("patient_name", "e.g. Daniel Kim")
checkinButtons = Buttons([checkinBtn, cancelCheckinBtn])
checkinBtn = Button("Check in", null, "primary")
cancelCheckinBtn = Button("Cancel", null, "tertiary")
followups = FollowUpBlock([follow1, follow2, follow3])
follow1 = FollowUpItem("Show room availability for the afternoon")
follow2 = FollowUpItem("View no-show details for this month")
follow3 = FollowUpItem("Open tomorrow's schedule")