```typescript import React from "react"; const InventoryTable: React.FC = () => { const [items, setItems] = React.useState<{ id: number; name: string; quantity: number }[]>([ { id: 1, name: "Body Armor", quantity: 5 }, { id: 2, name: "Handcuffs", quantity: 20 }, { id: 3, name: "Firearms", quantity: 15 }, ]); return (

{items.map(item => ( ))}

ID	Item Name	Quantity
{item.id}	{item.name}	{item.quantity}

); }; const AddItemForm: React.FC<{ onAdd: (item: { name: string; quantity: number }) => void }> = ({ onAdd }) => { const [name, setName] = React.useState(""); const [quantity, setQuantity] = React.useState(0); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); onAdd({ name, quantity }); setName(""); setQuantity(0); }; return ( ); }; export default function App() { const [inventory, setInventory] = React.useState<{ id: number; name: string; quantity: number }[]>([ { id: 1, name: "Body Armor", quantity: 5 }, { id: 2, name: "Handcuffs", quantity: 20 }, { id: 3, name: "Firearms", quantity: 15 }, ]); const handleAddItem = (item: { name: string; quantity: number }) => { const newItem = { id: inventory.length + 1, ...item }; setInventory([...inventory, newItem]); }; return (

Police Department Inventory Dashboard

); } ```