Budget Management Component - Copy this React, Tailwind Component to your project

Design a Budget Management Component Purpose To manage budgets, allowing users to create, update, and view budgets. Structure Form Fields Category Input Amount Input Period Dropdown Start Date Input End Date Input Buttons Add Budget Button Update Budget Button Delete Budget Button Variables Inputs: category: String Name of the budget category. amount: Number Budget amount. period: String Budget period (e.g., Monthly, Yearly). startDate: Date Start date of the budget. endDate: Date End date of the budget. Outputs: budgetsList: Array of Objects List of user budgets. budgetStats: Object Summary statistics of budgets (total, spent, remaining). Design Form inputs should be clearly labeled. Use graphs or charts to visually represent budget status and spending.