@skbkontur/db-viewer-ui
Version:
Database Viewer with custom configuration
16 lines • 2.25 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ConfirmDeleteObjectModal = ConfirmDeleteObjectModal;
const jsx_runtime_1 = require("react/jsx-runtime");
const IconXCircleRegular64_1 = require("@skbkontur/icons/IconXCircleRegular64");
const react_stack_layout_1 = require("@skbkontur/react-stack-layout");
const react_ui_1 = require("@skbkontur/react-ui");
const renderEnvironment_1 = require("@skbkontur/react-ui/lib/renderEnvironment");
const react_1 = require("react");
const ConfirmDeleteObjectModal_styles_1 = require("./ConfirmDeleteObjectModal.styles");
function ConfirmDeleteObjectModal({ onDelete, onCancel }) {
const jsStyles = (0, renderEnvironment_1.useStyles)(ConfirmDeleteObjectModal_styles_1.getStyles);
const theme = (0, react_1.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)(IconXCircleRegular64_1.IconXCircleRegular64, {}), children: (0, jsx_runtime_1.jsx)("span", { className: 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: 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", use: "outline", onClick: onCancel, "data-tid": "Cancel", children: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C" })] }) })] }));
}
//# sourceMappingURL=ConfirmDeleteObjectModal.js.map