diff --git a/src/components/modal/index.tsx b/src/components/modal/index.tsx
index 70e8889..188c3ed 100644
--- a/src/components/modal/index.tsx
+++ b/src/components/modal/index.tsx
@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
import OutsideClickHandler from 'react-outside-click-handler';
import styled from 'styled-components';
import { Close } from '../styleGuide/icon/Close';
@@ -8,6 +9,7 @@ interface propsType extends headerPropsType, contentPropsType {
inputList?: JSX.Element[];
buttonList: JSX.Element[];
close: () => void;
+ children: ReactNode;
}
export const Modal = ({
@@ -16,6 +18,7 @@ export const Modal = ({
inputList,
buttonList,
close,
+ children,
}: propsType) => {
return (
<_Background>
@@ -27,6 +30,7 @@ export const Modal = ({
{content && }
<_InputWrapper>{inputList?.map((input) => input)}
+ {children}
<_BtnWrapper>{buttonList.map((Btn) => Btn)}