root = Card([header, thresholdInfo, searchSection, itemsTable], "card", "column", "m")
header = CardHeader("Low Inventory Warning", "Items below reorder threshold")
thresholdInfo = Callout("info", "Reorder Threshold", "Items with stock ≤ 10 units trigger this warning. Current threshold: 10 units.")
searchSection = Form("inventory-search", searchButtons, [searchField])
searchField = FormControl("Search items", searchInput, "Filter by product name or SKU")
searchInput = Input("search", "Search products...", "text")
searchButtons = Buttons([clearBtn])
clearBtn = Button("Clear", null, "tertiary")
itemsTable = Table([colItem, colStock, colThreshold, colAction])
colItem = Col("Item", ["Wireless Headphones Pro", "USB-C Fast Charge Cable", "Premium Phone Case", "Tempered Glass Screen Protector", "Portable Bluetooth Speaker"])
colStock = Col("Current Stock", [5, 3, 8, 2, 6], "number")
colThreshold = Col("Threshold", [10, 10, 10, 10, 10], "number")
colAction = Col("Action", ["Reorder", "Reorder", "Reorder", "Reorder", "Reorder"], "action")