StockSync Modal Copy this Tailwind Component 0to Your Project

Nventory Management Modal – Design Prompt Component: InventoryForm Platform: Web (React) Mode: Light & Dark Form Type: Conditional Form (based on selected unit and action) Modal Purpose: Add new inventory or update/reduce existing stock. 📋 Functional Requirements: Header: Displays: "Add New Stocks" (default) or "Reduce or Update Stocks" (if editing). Close button (X) on top right to dismiss modal. Action Select (only visible during edit): Options: Add, Reduce On select: Background color changes: Add → Green (bg green 500) Reduce → Red (bg red 100) Text color changes accordingly in dark/light modes. Form Fields: Item Name (text input) Category (text input) Unit Selection (dropdown with units): Options: kg, g, liter, ml, quintal, tonne, milligram, dozen, piece Conditional Inputs: kg/liter: Show kilo and grams g/ml: Show grams only quintal/tonne: Show kilo only dozen/piece: Show count input mapped to grams field (rename label) Submit Button: Text: Submit Color: Red (bg red 600) Action: Adds or updates inventory based on form state