function Modal({children,onClose,theme}:{children:any,onClose:()=>void,theme:string}){
  return (
    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-20" onClick={onClose}>
      <div className="p-4 rounded shadow max-w-sm w-full bg-yellow-100 text-gray-900 dark:bg-yellow-100 dark:text-gray-900" onClick={e=>e.stopPropagation()}>
        {children}
      </div>
    </div>
  );
}