"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DeleteConfirmationModal = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("@chakra-ui/react");
const icons_1 = require("@chakra-ui/icons");
const DeleteConfirmationModal = ({ isOpen, onClose, onConfirm, title, message, confirmText = 'Delete', cancelText = 'Cancel', isLoading = false, }) => {
    const bgColor = (0, react_1.useColorModeValue)('white', 'gray.800');
    const borderColor = (0, react_1.useColorModeValue)('gray.200', 'gray.700');
    return ((0, jsx_runtime_1.jsxs)(react_1.Modal, { isOpen: isOpen, onClose: onClose, isCentered: true, children: [(0, jsx_runtime_1.jsx)(react_1.ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(react_1.ModalContent, { bg: bgColor, borderWidth: "1px", borderColor: borderColor, borderRadius: "lg", boxShadow: "xl", children: [(0, jsx_runtime_1.jsxs)(react_1.ModalHeader, { color: "red.500", display: "flex", alignItems: "center", gap: 2, children: [(0, jsx_runtime_1.jsx)(react_1.Icon, { as: icons_1.WarningIcon, boxSize: 5 }), title] }), (0, jsx_runtime_1.jsx)(react_1.ModalCloseButton, {}), (0, jsx_runtime_1.jsx)(react_1.ModalBody, { children: (0, jsx_runtime_1.jsxs)(react_1.VStack, { spacing: 4, align: "stretch", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { color: "gray.600", children: message }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "sm", color: "gray.500", children: "This action cannot be undone. Please be certain." })] }) }), (0, jsx_runtime_1.jsxs)(react_1.ModalFooter, { gap: 3, children: [(0, jsx_runtime_1.jsx)(react_1.Button, { variant: "ghost", onClick: onClose, isDisabled: isLoading, children: cancelText }), (0, jsx_runtime_1.jsx)(react_1.Button, { colorScheme: "red", onClick: onConfirm, isLoading: isLoading, loadingText: "Deleting...", children: confirmText })] })] })] }));
};
exports.DeleteConfirmationModal = DeleteConfirmationModal;
exports.default = exports.DeleteConfirmationModal;
//# sourceMappingURL=DeleteConfirmationModal.js.map