root = Card([header, amountSection, detailsTable, actions, followUps])
header = CardHeader("Invoice #2024-0142", "From Aurora Creative Studio")
amountSection = Card([amountLabel, amountValue, dueDate], "sunk")
amountLabel = TextContent("Amount due", "small")
amountValue = TextContent("$4,800.00 USD", "large-heavy")
dueDate = TextContent("Due **April 30, 2025**", "default")
detailsTable = Table([itemCol, qtyCol, rateCol, totalCol])
itemCol = Col("Item", ["Brand identity", "Website design", "CMS setup"])
qtyCol = Col("Qty", [1, 1, 1])
rateCol = Col("Rate", ["$2,400", "$2,000", "$400"])
totalCol = Col("Total", ["$2,400", "$2,000", "$400"])
actions = Buttons([payBtn, contactBtn])
payBtn = Button("Pay now with card", null, "primary", "normal", "large")
contactBtn = Button("Contact freelancer", null, "secondary")
followUps = FollowUpBlock([fu1, fu2])
fu1 = FollowUpItem("Ask a question about this invoice")
fu2 = FollowUpItem("Request a payment extension")