"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ConfirmDialog = exports.Modal = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var Modal_module_scss_1 = tslib_1.__importDefault(require("./Modal.module.scss"));
var Button_1 = require("./Button");
var Modal = function (_a) {
    var title = _a.title, onClose = _a.onClose, footer = _a.footer, children = _a.children;
    return (React.createElement("div", { className: Modal_module_scss_1.default.overlay, onClick: function (e) { if (e.target === e.currentTarget)
            onClose(); } },
        React.createElement("div", { className: Modal_module_scss_1.default.box },
            React.createElement("div", { className: Modal_module_scss_1.default.header },
                React.createElement("div", { className: Modal_module_scss_1.default.title }, title),
                React.createElement(Button_1.IconButton, { icon: "close", label: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: onClose })),
            React.createElement("div", { className: Modal_module_scss_1.default.body }, children),
            footer && React.createElement("div", { className: Modal_module_scss_1.default.footer }, footer))));
};
exports.Modal = Modal;
var ConfirmDialog = function (_a) {
    var title = _a.title, text = _a.text, confirmLabel = _a.confirmLabel, onConfirm = _a.onConfirm, onCancel = _a.onCancel, busy = _a.busy;
    return (React.createElement("div", { className: Modal_module_scss_1.default.overlay, onClick: function (e) { if (e.target === e.currentTarget)
            onCancel(); } },
        React.createElement("div", { className: "".concat(Modal_module_scss_1.default.box, " ").concat(Modal_module_scss_1.default.narrow) },
            React.createElement("div", { className: Modal_module_scss_1.default.title }, title),
            React.createElement("p", { className: Modal_module_scss_1.default.text }, text),
            React.createElement("div", { className: Modal_module_scss_1.default.narrowFooter },
                React.createElement(Button_1.Button, { variant: "secondary", onClick: onCancel, disabled: busy }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
                React.createElement(Button_1.Button, { variant: "danger", icon: "trash", onClick: onConfirm, disabled: busy }, confirmLabel)))));
};
exports.ConfirmDialog = ConfirmDialog;
//# sourceMappingURL=Modal.js.map