From 21ca869e1a41c86c4feb51df4f3c15e7e07fbd53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=ED=97=A4=EC=9D=B8?=
 <157036488+Hain-tain@users.noreply.github.com>
Date: Thu, 17 Oct 2024 21:50:47 +0900
Subject: [PATCH] =?UTF-8?q?refactor(ConfirmDeleteModal):=20Modal=20?=
 =?UTF-8?q?=ED=95=A9=EC=84=B1=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8?=
 =?UTF-8?q?=EC=9D=98=20=ED=95=98=EC=9C=84=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=20=EC=82=AC=EC=9A=A9=ED=95=98=EB=8F=84=EB=A1=9D=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ConfirmDeleteModal/ConfirmDeleteModal.tsx | 28 +++++++++----------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/frontend/src/pages/MyTemplatesPage/components/ConfirmDeleteModal/ConfirmDeleteModal.tsx b/frontend/src/pages/MyTemplatesPage/components/ConfirmDeleteModal/ConfirmDeleteModal.tsx
index e9e3a320..ca721c98 100644
--- a/frontend/src/pages/MyTemplatesPage/components/ConfirmDeleteModal/ConfirmDeleteModal.tsx
+++ b/frontend/src/pages/MyTemplatesPage/components/ConfirmDeleteModal/ConfirmDeleteModal.tsx
@@ -1,4 +1,4 @@
-import { Button, Flex, Modal, Text } from '@/components';
+import { Button, Modal, Text } from '@/components';
 
 interface Props {
   isDeleteModalOpen: boolean;
@@ -8,20 +8,18 @@ interface Props {
 
 const ConfirmDeleteModal = ({ isDeleteModalOpen, toggleDeleteModal, handleDelete }: Props) => (
   <Modal isOpen={isDeleteModalOpen} toggleModal={toggleDeleteModal} size='xsmall'>
-    <Flex direction='column' justify='space-between' align='center' margin='1rem 0 0 0' gap='2rem'>
-      <Flex direction='column' justify='center' align='center' gap='0.75rem'>
-        <Text.Large color='black' weight='bold'>
-          정말 삭제하시겠습니까?
-        </Text.Large>
-        <Text.Medium color='black'>삭제된 템플릿은 복구할 수 없습니다.</Text.Medium>
-      </Flex>
-      <Flex justify='center' align='center' gap='0.5rem'>
-        <Button variant='outlined' onClick={toggleDeleteModal}>
-          취소
-        </Button>
-        <Button onClick={handleDelete}>삭제</Button>
-      </Flex>
-    </Flex>
+    <Modal.Body>
+      <Text.Large color='black' weight='bold'>
+        정말 삭제하시겠습니까?
+      </Text.Large>
+      <Text.Medium color='black'>삭제된 템플릿은 복구할 수 없습니다.</Text.Medium>
+    </Modal.Body>
+    <Modal.Footer>
+      <Button variant='outlined' onClick={toggleDeleteModal}>
+        취소
+      </Button>
+      <Button onClick={handleDelete}>삭제</Button>
+    </Modal.Footer>
   </Modal>
 );