root = Card([header, meetingCard, attendeesHeader, attendeesList, joinActions], "card", "column", "l")
header = CardHeader("Up next", "Wednesday, March 12")
meetingCard = Card([meetingTitle, meetingTime, meetingMeta], "sunk", "column", "xs")
meetingTitle = Heading("Product design sync", "h2")
meetingTime = TextContent("10:30 – 11:00 AM · 30 min", "large")
meetingMeta = Tag("Video call", null, null, "info")
attendeesHeader = Heading("Attendees", "h3")
attendeesList = ListBlock([attendee1, attendee2, attendee3, attendee4], "image")
attendee1 = ListItem("Maya Chen", "Product Design Lead", ["https://i.pravatar.cc/150?img=47"])
attendee2 = ListItem("Jordan Lee", "Engineering Manager", ["https://i.pravatar.cc/150?img=15"])
attendee3 = ListItem("Priya Patel", "User Research", ["https://i.pravatar.cc/150?img=32"])
attendee4 = ListItem("Sam Rivera", "Marketing", ["https://i.pravatar.cc/150?img=12"])
joinActions = Buttons([joinBtn])
joinBtn = Button("Join call", null, "primary")