From 121b5c4a824bcbd70a21058f9d13a5437a7490b5 Mon Sep 17 00:00:00 2001
From: wonderlandpark <wonderbotsupport@naver.com>
Date: Sat, 13 Mar 2021 19:04:46 +0900
Subject: [PATCH] feat: added closeIcon Prop

---
 components/Modal.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/Modal.tsx b/components/Modal.tsx
index ae6b2a6..0660ed5 100644
--- a/components/Modal.tsx
+++ b/components/Modal.tsx
@@ -2,7 +2,7 @@ import { ReactNode } from 'react'
 import { Modal as ReactModal } from 'react-responsive-modal'
 import 'react-responsive-modal/styles.css'
 
-const Modal = ({ children, isOpen, onClose, dark, header, full=false }: ModalProps): JSX.Element => {
+const Modal = ({ children, isOpen, onClose, closeIcon=false, dark, header, full=false }: ModalProps): JSX.Element => {
 	return (
 		<ReactModal
 			open={isOpen}
@@ -12,7 +12,7 @@ const Modal = ({ children, isOpen, onClose, dark, header, full=false }: ModalPro
 			classNames={{
 				modal: 'bg-discord-dark',
 			}}
-			showCloseIcon={false}
+			showCloseIcon={closeIcon}
 			styles={{
 				modal: {
 					borderRadius: '10px',
@@ -36,6 +36,7 @@ interface ModalProps {
 	header?: string
 	full?: boolean
 	children: ReactNode
+	closeIcon?: boolean
 	onClose(): void
 }