|
|
@ -7,6 +7,8 @@ interface Props { |
|
|
|
className?: string; |
|
|
|
className?: string; |
|
|
|
style?: React.CSSProperties; |
|
|
|
style?: React.CSSProperties; |
|
|
|
children: ReactNode; |
|
|
|
children: ReactNode; |
|
|
|
|
|
|
|
fade?: boolean; |
|
|
|
|
|
|
|
backdrop?: boolean; |
|
|
|
} |
|
|
|
} |
|
|
|
/** |
|
|
|
/** |
|
|
|
* |
|
|
|
* |
|
|
@ -14,6 +16,9 @@ interface Props { |
|
|
|
* @param toggle: () => void |
|
|
|
* @param toggle: () => void |
|
|
|
* @param className?: string |
|
|
|
* @param className?: string |
|
|
|
* @param style?: React.CSSProperties |
|
|
|
* @param style?: React.CSSProperties |
|
|
|
|
|
|
|
* @param children: ReactNode |
|
|
|
|
|
|
|
* @param fade?: boolean |
|
|
|
|
|
|
|
* @param backdrop?: boolean |
|
|
|
* |
|
|
|
* |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
|
@ -22,10 +27,19 @@ export default function CustomModal({ |
|
|
|
toggle, |
|
|
|
toggle, |
|
|
|
className, |
|
|
|
className, |
|
|
|
children, |
|
|
|
children, |
|
|
|
style |
|
|
|
style, |
|
|
|
|
|
|
|
fade = true, |
|
|
|
|
|
|
|
backdrop = true |
|
|
|
}: Props) { |
|
|
|
}: Props) { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<Modal isOpen={isOpen} toggle={toggle} className={className} style={style}> |
|
|
|
<Modal |
|
|
|
|
|
|
|
isOpen={isOpen} |
|
|
|
|
|
|
|
toggle={toggle} |
|
|
|
|
|
|
|
className={className} |
|
|
|
|
|
|
|
style={style} |
|
|
|
|
|
|
|
fade={fade} |
|
|
|
|
|
|
|
backdrop={backdrop} |
|
|
|
|
|
|
|
> |
|
|
|
{children} |
|
|
|
{children} |
|
|
|
</Modal> |
|
|
|
</Modal> |
|
|
|
); |
|
|
|
); |
|
|
|