Xianbao QIAN
org page: pop up for models under this family
afa132e
raw
history blame contribute delete
649 Bytes
import React, { ReactNode } from 'react';
type ModalProps = {
onClose: () => void;
children: ReactNode;
};
export default function Modal({ onClose, children }: ModalProps) {
return (
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
<div className="bg-white dark:bg-gray-800 p-6 rounded-lg max-w-2xl w-full max-h-[80vh] overflow-auto">
<button
onClick={onClose}
className="float-right text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
>
&times;
</button>
{children}
</div>
</div>
);
}