root = Card([header, thresholdCallout, searchForm, inventoryTable], "card", "column", "l")
header = CardHeader("Low Inventory", "Items at or below the restock threshold")
thresholdCallout = Callout("warning", "Restock threshold: 20 units", "6 items are at or below this threshold. Reorder before stock runs out.")
searchForm = Form("search_inventory", searchButtons, [searchField])
searchButtons = Buttons([searchBtn])
searchBtn = Button("Search", null, "primary")
searchField = FormControl("Search items", searchInput, "Find by item name or SKU")
searchInput = Input("query", "e.g. Green Tea or TEA-104", "text")
inventoryTable = Table([itemCol, skuCol, remainCol, statusCol, reorderCol])
itemCol = Col("Item", ["Dark Roast Coffee", "Green Tea", "Jasmine Rice", "Almond Milk", "Olive Oil", "Steel-Cut Oats"])
skuCol = Col("SKU", ["CFE-041", "TEA-104", "RCE-212", "MLK-077", "OIL-118", "OAT-063"])
remainCol = Col("Remaining units", [5, 8, 12, 15, 18, 20], "number")
statusCol = Col("Status", ["Critical", "Critical", "Low", "Low", "Low", "At threshold"])
reorderCol = Col("Action", ["Reorder Dark Roast Coffee", "Reorder Green Tea", "Reorder Jasmine Rice", "Reorder Almond Milk", "Reorder Olive Oil", "Reorder Steel-Cut Oats"], "action")