root = Card([header, searchSection, thresholdSection, lowStockSection, actions])
header = CardHeader("Low Inventory Alert", "Items at or below reorder threshold")
searchSection = Card([searchHeading, searchField], "sunk")
searchHeading = Heading("Search Items", "h3")
searchField = FormControl("Search", searchInput, "Filter items by name or SKU")
searchInput = Input("search", "Search by name or SKU...", "text")
thresholdSection = Card([thresholdHeading, thresholdInfo], "sunk")
thresholdHeading = Heading("Reorder Threshold", "h3")
thresholdInfo = TextCallout("info", "Threshold: 10 units", "Any item with 10 or fewer units remaining triggers this warning. Adjust the threshold in settings.")
lowStockSection = Card([lowStockHeading, stockTable, stockActions], "sunk")
lowStockHeading = Heading("Items Running Low", "h3")
stockTable = Table([itemCol, skuCol, remainingCol, reorderCol])
itemCol = Col("Item", ["Wireless Mouse", "USB-C Cable", "Mechanical Keyboard", "Laptop Stand", "Webcam"])
skuCol = Col("SKU", ["WM-100", "CC-200", "MK-300", "LS-400", "WC-500"])
remainingCol = Col("Remaining", [8, 5, 10, 3, 9])
reorderCol = Col("Reorder", ["Reorder", "Reorder", "Reorder", "Reorder", "Reorder"], "action")
stockActions = Buttons([reorderBtn])
reorderBtn = Button("Reorder All Low Items", null, "primary")
actions = FollowUpBlock([follow1, follow2, follow3])
follow1 = FollowUpItem("Show items with less than 5 units")
follow2 = FollowUpItem("Increase the reorder threshold to 15")
follow3 = FollowUpItem("View purchase order history")