feat: modal 버튼 함수 프롭 전달

SWEET-DEVELOPERS · Jan 11, 2024 · 6495d45 · 6495d45
1 parent b47fc8b
commit 6495d45
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/common/Modal/Modal.tsx b/src/components/common/Modal/Modal.tsx
@@ -4,15 +4,18 @@ import BtnMedium from '../Button/Cta/medium/BtnMedium';
 
 interface ModalProps {
   children: React.ReactNode;
+  onConfirmClick?: () => void; // 클릭 이벤트 함수를 받을 수 있는 프롭 추가
 }
 
-const Modal: React.FC<ModalProps> = ({ children }) => {
+const Modal: React.FC<ModalProps> = ({ children, onConfirmClick }) => {
   return (
     <>
       <S.Overlay />
       <S.ModalWrapper>
         <S.ModalContent>{children}</S.ModalContent>
-        <BtnMedium customStyle={{ width: '21.3rem' }}>확인</BtnMedium>
+        <BtnMedium customStyle={{ width: '21.3rem' }} onClick={onConfirmClick}>
+          확인
+        </BtnMedium>
       </S.ModalWrapper>
     </>
   );