root = Card([header, thresholdAlert, searchField, warningTitle, inventoryTable, reorderNote])
header = CardHeader("Low Inventory Alerts", "Items at or below reorder threshold")
thresholdAlert = TextCallout("warning", "Reorder threshold", "Items are flagged when remaining stock falls to 50 units or fewer.")
searchField = FormControl("Search items", searchInput, "Filter by product name or SKU")
searchInput = Input("search", "Search by name or SKU...", "text")
warningTitle = Heading("Items running low", "h3")
inventoryTable = Table([productCol, skuCol, remainingCol, thresholdCol, reorderCol])
productCol = Col("Product", ["Wireless Mouse", "Mechanical Keyboard", "USB-C Hub", "HDMI Cable", "Laptop Stand", "Webcam 1080p"])
skuCol = Col("SKU", ["WM-104", "MK-210", "UC-330", "HD-450", "LS-512", "WC-601"])
remainingCol = Col("Remaining", [12, 8, 35, 42, 28, 18])
thresholdCol = Col("Threshold", [50, 50, 50, 50, 50, 50])
reorderCol = Col("Reorder", ["Reorder", "Reorder", "Reorder", "Reorder", "Reorder", "Reorder"])
reorderNote = Callout("info", "How reordering works", "Click Reorder next to any item to open a purchase order for that product. Reorder quantities are pre-filled at 100 units.")