From 3319bca87e44303238067dcc531ff1b59ecdeba8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EC=83=81=ED=98=84?= <gus516@palnet.co.kr>
Date: Thu, 1 Feb 2024 18:01:49 +0900
Subject: [PATCH] =?UTF-8?q?modal=20=EA=B3=B5=ED=86=B5=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/modal/CustomModal.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/modal/CustomModal.tsx b/src/components/ui/modal/CustomModal.tsx
index b827cb5e..d78e9483 100644
--- a/src/components/ui/modal/CustomModal.tsx
+++ b/src/components/ui/modal/CustomModal.tsx
@@ -7,6 +7,8 @@ interface Props {
   className?: string;
   style?: React.CSSProperties;
   children: ReactNode;
+  fade?: boolean;
+  backdrop?: boolean;
 }
 /**
  *
@@ -14,6 +16,9 @@ interface Props {
  * @param toggle: () => void
  * @param className?: string
  * @param style?: React.CSSProperties
+ * @param children: ReactNode
+ * @param fade?: boolean
+ * @param backdrop?: boolean
  *
  */
 
@@ -22,10 +27,19 @@ export default function CustomModal({
   toggle,
   className,
   children,
-  style
+  style,
+  fade = true,
+  backdrop = true
 }: Props) {
   return (
-    <Modal isOpen={isOpen} toggle={toggle} className={className} style={style}>
+    <Modal
+      isOpen={isOpen}
+      toggle={toggle}
+      className={className}
+      style={style}
+      fade={fade}
+      backdrop={backdrop}
+    >
       {children}
     </Modal>
   );