root = Card([header, searchField, threshold, lowHeading, lowTable, actions])
header = CardHeader("Low Inventory", "Items at or below their reorder threshold")
searchField = FormControl("Search items", searchInput)
searchInput = Input("search", "Search by name or SKU")
threshold = Callout("warning", "Reorder threshold", "Any item at or below 15 units triggers this warning. Reorder soon to avoid stockouts.")
lowHeading = Heading("Items running low", "h3")
lowTable = Table([itemCol, skuCol, unitsCol, thresholdCol])
itemCol = Col("Item", ["Wireless Mouse", "Mechanical Keyboard", "USB-C Cable", "Laptop Stand", "HDMI Adapter"])
skuCol = Col("SKU", ["WM-100", "MK-210", "UC-300", "LS-400", "HD-500"])
unitsCol = Col("Remaining units", [8, 12, 5, 14, 3])
thresholdCol = Col("Threshold", [15, 15, 15, 15, 15])
actions = Buttons([reorderMouse, reorderKeyboard, reorderCable, reorderStand, reorderHdmi])
reorderMouse = Button("Reorder Wireless Mouse", null, "secondary")
reorderKeyboard = Button("Reorder Mechanical Keyboard", null, "secondary")
reorderCable = Button("Reorder USB-C Cable", null, "secondary")
reorderStand = Button("Reorder Laptop Stand", null, "secondary")
reorderHdmi = Button("Reorder HDMI Adapter", null, "secondary")