root = Card([header, todayCard, compareCard, actions])
header = CardHeader("Morning check-in", "Mid-morning update for your shop")
todayCard = Card([todayHeading, todayValue, todayTag], "sunk")
todayHeading = Heading("Revenue so far today", "h3")
todayValue = TextContent("$486.25", "large-heavy")
todayTag = Tag("+12.4% vs. same time yesterday", null, null, "success")
compareCard = Card([compareHeading, compareTable], "sunk")
compareHeading = Heading("How it compares", "h3")
compareTable = Table([metricCol, todayCol, yesterdayCol])
metricCol = Col("Metric", ["Revenue so far", "Orders", "Avg. basket"])
todayCol = Col("Today", ["$486.25", "37", "$13.14"])
yesterdayCol = Col("Yesterday, same time", ["$432.50", "34", "$12.72"])
actions = Buttons([salesBtn, customersBtn])
salesBtn = Button("View full sales report")
customersBtn = Button("Check customer traffic", null, "secondary")