2022-12-10 17:14:48 +08:00
|
|
|
import './modal.css';
|
|
|
|
|
|
|
|
import { createPortal } from 'preact/compat';
|
|
|
|
|
|
|
|
const $modalContainer = document.getElementById('modal-container');
|
|
|
|
|
2022-12-16 13:27:04 +08:00
|
|
|
function Modal({ children, onClick, class: className }) {
|
2022-12-10 17:14:48 +08:00
|
|
|
if (!children) return null;
|
|
|
|
|
|
|
|
const Modal = (
|
|
|
|
<div className={className} onClick={onClick}>
|
|
|
|
{children}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
|
|
|
|
return createPortal(Modal, $modalContainer);
|
|
|
|
|
|
|
|
// return createPortal(children, $modalContainer);
|
2022-12-16 13:27:04 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
export default Modal;
|