root = Card([header, amountSection, metaSection, payAction])
header = CardHeader("Invoice #INV-2024-091", "Design & Brand Refresh")
amountSection = Card([amountLabel, amountValue, amountCaption], "sunk")
amountLabel = TextContent("Amount due", "small-heavy")
amountValue = TextContent("$4,250", "large")
amountCaption = TextContent("USD · Paid on receipt", "small")
metaSection = Card([dueRow, issuedRow, clientRow], "clear")
dueRow = Table([metaKey, metaValue])
metaKey = Col("", ["Due date", "Issued", "Client"])
metaValue = Col("", ["Nov 30, 2024", "Nov 2, 2024", "Acme Studio"])
payAction = Card([payNote, payButtons], "clear")
payNote = TextContent("Pay securely by credit card or bank transfer.", "small")
payButtons = Buttons([payNowBtn, viewDetailsBtn])
payNowBtn = Button("Pay $4,250 now", null, "primary", null, "large")
viewDetailsBtn = Button("View invoice details", null, "secondary")