28 lines
607 B
JavaScript
28 lines
607 B
JavaScript
|
import { useState } from 'react'
|
||
|
|
|
||
|
|
const Modal = ({ cancel, children }) => {
|
||
|
|
|
||
|
|
const [ modal, setModal ] = useState(false)
|
||
|
|
|
||
|
|
if (modal) return (
|
||
|
|
<div className={`
|
||
|
|
fixed top-0 left-0 right-0 w-screen h-screen
|
||
|
|
bg-base-100 bg-opacity-90 z-30
|
||
|
|
hover:cursor-zoom-out flex flex-col justify-center
|
||
|
|
`} onClick={() => setModal(false)}>
|
||
|
|
<div className="p-8 max-h-full max-w-full">
|
||
|
|
{children}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
onClick={() => setModal(!modal)}
|
||
|
|
className="hover:cursor-zoom-in"
|
||
|
|
>{children}</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Modal
|