From 94915c8549738bf5a701ddecfceeee0af152bc9b Mon Sep 17 00:00:00 2001
From: ujinsim <syj11243@naver.com>
Date: Sat, 1 Feb 2025 22:25:56 +0900
Subject: [PATCH] =?UTF-8?q?feat=20:=20=EC=8A=A4=ED=86=A0=EB=A6=AC=EB=B6=81?=
 =?UTF-8?q?=20ui=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/ui/Modal/Modal.stories.tsx | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/shared/ui/Modal/Modal.stories.tsx b/src/shared/ui/Modal/Modal.stories.tsx
index 03985b1..c259092 100644
--- a/src/shared/ui/Modal/Modal.stories.tsx
+++ b/src/shared/ui/Modal/Modal.stories.tsx
@@ -33,7 +33,7 @@ export const Basic: StoryObj<typeof Modal> = {
     isOpen: false,
   },
   render: (args) => {
-    const [isOpen, setIsOpen] = useState(args.isOpen); // args를 상태로 활용
+    const [isOpen, setIsOpen] = useState(args.isOpen);
 
     const openModal = () => setIsOpen(true);
     const closeModal = () => setIsOpen(false);
@@ -50,12 +50,21 @@ export const Basic: StoryObj<typeof Modal> = {
         <Modal {...args} isOpen={isOpen} closeModal={closeModal}>
           <div className="flex flex-col items-center gap-4 rounded-lg bg-white p-6 shadow-sm">
             <div className="p-2 text-2xl font-semibold">ddingdong 모달입니다.</div>
-            <button
-              onClick={closeModal}
-              className="rounded-md bg-red-200 px-4 py-2 font-semibold text-white"
-            >
-              모달 닫기
-            </button>
+
+            <div className="flex gap-3">
+              <button
+                onClick={closeModal}
+                className="rounded-md bg-gray-100 px-4 py-2 font-semibold text-black hover:bg-gray-200"
+              >
+                취소
+              </button>
+              <button
+                onClick={closeModal}
+                className="rounded-md bg-red-200 px-4 py-2 font-semibold text-white hover:bg-red-300"
+              >
+                확인하기
+              </button>
+            </div>
           </div>
         </Modal>
       </div>