@skbkontur/db-viewer-ui
Version:
Database Viewer with custom configuration
16 lines • 2.25 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ConfirmDeleteObjectModal = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const XCircleIcon64Regular_1 = require("@skbkontur/icons/icons/XCircleIcon/XCircleIcon64Regular");
const react_stack_layout_1 = require("@skbkontur/react-stack-layout");
const react_ui_1 = require("@skbkontur/react-ui");
const react_1 = tslib_1.__importDefault(require("react"));
const ConfirmDeleteObjectModal_styles_1 = require("./ConfirmDeleteObjectModal.styles");
function ConfirmDeleteObjectModal({ onDelete, onCancel }) {
const theme = react_1.default.useContext(react_ui_1.ThemeContext);
return ((0, jsx_runtime_1.jsxs)(react_ui_1.MiniModal, { ignoreBackgroundClick: true, "data-tid": "ConfirmDeleteObjectModal", children: [(0, jsx_runtime_1.jsx)(react_ui_1.MiniModal.Header, { icon: (0, jsx_runtime_1.jsx)(XCircleIcon64Regular_1.XCircleIcon64Regular, {}), children: (0, jsx_runtime_1.jsx)("span", { className: ConfirmDeleteObjectModal_styles_1.jsStyles.modalHeader(theme), children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u043E\u0431\u044A\u0435\u043A\u0442?" }) }), (0, jsx_runtime_1.jsx)(react_ui_1.MiniModal.Body, { children: (0, jsx_runtime_1.jsx)("span", { className: ConfirmDeleteObjectModal_styles_1.jsStyles.modalBody(theme), children: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0431 \u043E\u0431\u044A\u0435\u043A\u0442\u0435 \u0431\u0443\u0434\u0443\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u044B \u0431\u0435\u0437\u0432\u043E\u0437\u0432\u0440\u0430\u0442\u043D\u043E" }) }), (0, jsx_runtime_1.jsx)(react_ui_1.MiniModal.Footer, { children: (0, jsx_runtime_1.jsxs)(react_stack_layout_1.ColumnStack, { gap: 2, block: true, children: [(0, jsx_runtime_1.jsx)(react_ui_1.Button, { size: "medium", use: "danger", onClick: onDelete, "data-tid": "Delete", children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" }), (0, jsx_runtime_1.jsx)(react_ui_1.Button, { size: "medium", onClick: onCancel, "data-tid": "Cancel", children: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C" })] }) })] }));
}
exports.ConfirmDeleteObjectModal = ConfirmDeleteObjectModal;
//# sourceMappingURL=ConfirmDeleteObjectModal.js.map