You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

25 lines
677 B
React

2 years ago
import React from "react";
2 years ago
2 years ago
export default function Modal({ isOpen, toggle = () => {}, children, title = ''}) {
2 years ago
return (
2 years ago
<div
className={`modal`}
style={
isOpen
? {
opacity: 1,
pointerEvents: 'auto',
visibility: 'visible',
}
: {}
}>
<div className={`modal-box`} style={{minHeight: '60em'}}>
2 years ago
<h1 className="font-bold text-2xl pb-8">
{title}
</h1>
{children}
</div>
</div>
)
}