root = Card([header, alert, searchField, thresholdInfo, lowStockTable, reorderActions], "card", "column", "m")
header = CardHeader("Low Inventory Alert", "Items at or below reorder threshold")
alert = Callout("warning", "Reorder now", "The following items have dropped to or below their minimum stock threshold. Reorder to avoid stockouts.")
searchField = FormControl("Search items", searchInput, "Filter by name or SKU")
searchInput = Input("search", "Search by name or SKU...", "text")
thresholdInfo = Callout("info", "Reorder threshold", "Items are flagged when remaining units fall to 25 or fewer. Reorder point: 25 units.")
lowStockTable = Table([itemCol, skuCol, remainingCol, thresholdCol])
itemCol = Col("Item", ["Wireless Mouse", "USB-C Cable", "Laptop Stand", "Mechanical Keyboard", "HDMI Adapter"])
skuCol = Col("SKU", ["WM-100", "UC-200", "LS-300", "MK-400", "HA-500"])
remainingCol = Col("Remaining", [12, 8, 20, 5, 15])
thresholdCol = Col("Threshold", [25, 25, 25, 25, 25])
reorderActions = Buttons([reorder1, reorder2, reorder3, reorder4, reorder5], "column")
reorder1 = Button("Reorder Wireless Mouse")
reorder2 = Button("Reorder USB-C Cable")
reorder3 = Button("Reorder Laptop Stand")
reorder4 = Button("Reorder Mechanical Keyboard")
reorder5 = Button("Reorder HDMI Adapter")