root = Card([header, searchSection, thresholdAlert, inventoryTable])
header = CardHeader("Low Inventory Warning", "Items currently below reorder threshold")
searchSection = Card([searchLabel, searchInput], "clear", "row", "m", "center")
searchLabel = TextContent("Search:", "small-heavy")
searchInput = Input("inventory-search", "Search by name or SKU...", "text", null, "")
thresholdAlert = Callout("info", "Reorder Threshold", "Items with 10 or fewer units in stock automatically appear here. Adjust threshold in Settings.")
inventoryTable = Table([itemCol, skuCol, stockCol, thresholdCol, actionCol])
itemCol = Col("Item", ["Wireless Headphones", "USB-C Cable 2m", "Portable Charger 10K", "Bluetooth Speaker", "Phone Stand Adjustable"])
skuCol = Col("SKU", ["WH-100", "UC-200", "PC-300", "BS-400", "PS-500"])
stockCol = Col("Current Stock", [3, 7, 2, 9, 5], "number")
thresholdCol = Col("Threshold", [10, 10, 10, 10, 10], "number")
actionCol = Col("Action", ["Reorder", "Reorder", "Reorder", "Reorder", "Reorder"], "action")