|
|
|
|
|
|
|
|
|
|
|
|
|
|
type IModal = { |
|
|
type IModal = { |
|
|
className?: string |
|
|
className?: string |
|
|
|
|
|
wrapperClassName?: string |
|
|
isShow: boolean |
|
|
isShow: boolean |
|
|
onClose: () => void |
|
|
onClose: () => void |
|
|
title?: React.ReactNode |
|
|
title?: React.ReactNode |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default function Modal({ |
|
|
export default function Modal({ |
|
|
className, |
|
|
className, |
|
|
|
|
|
wrapperClassName, |
|
|
isShow, |
|
|
isShow, |
|
|
onClose, |
|
|
onClose, |
|
|
title, |
|
|
title, |
|
|
|
|
|
|
|
|
</Transition.Child> |
|
|
</Transition.Child> |
|
|
|
|
|
|
|
|
<div className="fixed inset-0 overflow-y-auto"> |
|
|
<div className="fixed inset-0 overflow-y-auto"> |
|
|
<div className="flex min-h-full items-center justify-center p-4 text-center"> |
|
|
|
|
|
|
|
|
<div className={`flex min-h-full items-center justify-center p-4 text-center ${wrapperClassName}`}> |
|
|
<Transition.Child |
|
|
<Transition.Child |
|
|
as={Fragment} |
|
|
as={Fragment} |
|
|
enter="ease-out duration-300" |
|
|
enter="ease-out duration-300" |