29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
import zIndex from "@mui/material/styles/zIndex";
|
||
|
||
export default function ConfirmationModal({ isOpen, onClose, onConfirm, message }) {
|
||
//export default function ConfirmationModal({ isOpen, onClose, onConfirm, message })
|
||
if (!isOpen) return null;
|
||
|
||
return (
|
||
<div className="opacity-100 fixed inset-0 flex items-center justify-center z-1002" >
|
||
<div className="bg-white p-4 rounded-md shadow-lg modal-content" style={{ zIndex: 1002 }}>
|
||
<p className="mb-4">{message}</p>
|
||
<button
|
||
className="bg-red-500 text-white px-4 py-2 rounded mr-2"
|
||
onClick={onConfirm}
|
||
>
|
||
Потвтрждавам
|
||
</button>
|
||
<button
|
||
className="bg-gray-300 px-4 py-2 rounded"
|
||
onClick={onClose}
|
||
>
|
||
Отказвам
|
||
</button>
|
||
</div>
|
||
<div className="fixed inset-0 bg-black opacity-50 modal-overlay" onClick={onClose}></div>
|
||
</div>
|
||
);
|
||
};
|
||
// const CustomCalendar = ({ month, year, shifts }) => {
|
||
// export default function CustomCalendar({ date, shifts }: CustomCalendarProps) {
|