From cee4ae23791527b87f6c7fb26db667894a14848b Mon Sep 17 00:00:00 2001
From: Prajwal-S7 <prajwaalsgowda@gmail.com>
Date: Thu, 6 Jun 2024 16:07:18 +0530
Subject: [PATCH] Update Budget.js

---
 src/components/Budget.js | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/components/Budget.js b/src/components/Budget.js
index 8b13789179..73e2bc1955 100644
--- a/src/components/Budget.js
+++ b/src/components/Budget.js
@@ -1 +1,17 @@
+import React, { useContext, useState } from 'react';
+import { AppContext } from '../context/AppContext';
 
+const Budget = () => {
+    const { budget } = useContext(AppContext);
+    const [newBudget, setNewBudget] = useState(budget);
+    const handleBudgetChange = (event) => {
+        setNewBudget(event.target.value);
+    }
+    return (
+<div className='alert alert-secondary'>
+<span>Budget: £{budget}</span>
+<input type="number" step="10" value={newBudget} onChange={handleBudgetChange}></input>
+</div>
+    );
+};
+export default Budget;