From 20969dfb07cecd435fe4ff133360f75c3de411ac Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 17 Mar 2025 11:51:11 +0000
Subject: [PATCH] Visual edit in Lovable

Edited UI in Lovable
---
 src/components/BudgetCategoriesSection.tsx | 28 +++++++---------------
 1 file changed, 8 insertions(+), 20 deletions(-)

diff --git a/src/components/BudgetCategoriesSection.tsx b/src/components/BudgetCategoriesSection.tsx
index d66eea6..c6147e0 100644
--- a/src/components/BudgetCategoriesSection.tsx
+++ b/src/components/BudgetCategoriesSection.tsx
@@ -1,7 +1,5 @@
-
 import React from 'react';
 import BudgetCard from '@/components/BudgetCard';
-
 interface BudgetCategoriesSectionProps {
   categories: {
     title: string;
@@ -9,24 +7,14 @@ interface BudgetCategoriesSectionProps {
     total: number;
   }[];
 }
-
-const BudgetCategoriesSection: React.FC<BudgetCategoriesSectionProps> = ({ categories }) => {
-  return (
-    <>
-      <h2 className="text-lg font-semibold mb-3 mt-8">지출 카테고리</h2>
+const BudgetCategoriesSection: React.FC<BudgetCategoriesSectionProps> = ({
+  categories
+}) => {
+  return <>
+      <h2 className="text-lg font-semibold mb-3 mt-8">지출 그래프</h2>
       <div className="grid gap-4 mb-8 desktop-card">
-        {categories.map((category, index) => (
-          <BudgetCard 
-            key={index}
-            title={category.title} 
-            current={category.current} 
-            total={category.total} 
-            color="neuro-income" 
-          />
-        ))}
+        {categories.map((category, index) => <BudgetCard key={index} title={category.title} current={category.current} total={category.total} color="neuro-income" />)}
       </div>
-    </>
-  );
+    </>;
 };
-
-export default BudgetCategoriesSection;
+export default BudgetCategoriesSection;
\ No newline at end of file