import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import './PopUpModal.scss';
import Modal from '../Modal';
import Icon from '../Icon';
import Typography from '../Typography';
import Button from '../Button';
const PopUpModal = ({ isOpen, onClose, onContinue, titleMessage = 'Warning!', subTitleMessage = 'Unsaved Changes.', iconName, modalMessage = 'Your web service data will be lost. Are you sure you want to exit?', firstButtonLabel = 'Cancel', secondButtonLabel = 'Continue', buttonVariant = 'warning', border = '1px solid var(--warning-modal-border-color)', popupWidth = '420', popupHeight = '226', colorForTitleMessage = 'var(--status-button-bg-warning)', footerContent, firstButtonDisabled = false, secondButtonDisabled = false, zIndex = 1100, iconSize = 94, }) => {
    return (_jsx(Modal, { overlayClassName: "custom-overlay", isOpen: isOpen, onClose: onClose, isHeaderDisplayed: false, zIndex: zIndex, children: _jsxs("div", { className: 'warning_modal_container', children: [_jsxs("div", { className: 'warning_modal_content', children: [_jsx(Icon, { name: iconName, className: 'warning_modal_icon', width: iconSize, height: iconSize }), _jsxs("div", { className: 'warning_modal_message', children: [_jsxs(Typography, { fontSize: 20, fontWeight: "semi-bold", className: "warning_modal_title_wrapper", children: [' ', _jsxs(Typography, { color: `${colorForTitleMessage}`, fontSize: 20, fontWeight: "semi-bold", children: [' ', titleMessage, ' '] }), ' ', subTitleMessage] }), _jsxs("div", { className: "warning_modal_message_wrapper", children: [_jsx(Typography, { fontSize: 16, children: modalMessage }), _jsx(Typography, { as: "div", children: footerContent })] })] })] }), _jsxs("div", { className: 'warning_modal_footer_button', children: [_jsx(Button, { buttonHeight: "24px", variant: "secondary", label: firstButtonLabel, onClick: onClose, disabled: firstButtonDisabled }), secondButtonLabel && (_jsx(Button, { buttonHeight: "24px", variant: buttonVariant || 'warning', label: secondButtonLabel, onClick: onContinue, disabled: secondButtonDisabled }))] })] }), ariaHideApp: true, isFooterDisplayed: false, customWidth: `${popupWidth}px`, customHeight: `${popupHeight}px`, boxShadow: "0px 1px 4px 0px var(--toaster-boxshadow)", border: border }));
};
export default PopUpModal;
//# sourceMappingURL=PopUpModal.js.map