@skbkontur/db-viewer-ui
Version:
Database Viewer with custom configuration
15 lines • 2.1 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ErrorMiniModal = 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_ui_1 = require("@skbkontur/react-ui");
const react_1 = tslib_1.__importDefault(require("react"));
const ErrorHandlingContainer_styles_1 = require("./ErrorHandlingContainer.styles");
const ErrorMiniModal = ({ onClose }) => {
const theme = react_1.default.useContext(react_ui_1.ThemeContext);
return ((0, jsx_runtime_1.jsxs)(react_ui_1.MiniModal, { "data-tid": "ErrorHandlingContainerModal", width: 410, children: [(0, jsx_runtime_1.jsx)(react_ui_1.MiniModal.Header, { "data-tid": "Header", icon: (0, jsx_runtime_1.jsx)(XCircleIcon64Regular_1.XCircleIcon64Regular, { color: "#FF5A49" }), children: (0, jsx_runtime_1.jsx)("span", { className: ErrorHandlingContainer_styles_1.jsStyles.modalHeader(theme), children: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043D\u0435\u043F\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043D\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430" }) }), (0, jsx_runtime_1.jsx)(react_ui_1.MiniModal.Body, { className: ErrorHandlingContainer_styles_1.jsStyles.modalBody(theme), "data-tid": "CallToActionInErrorMessage", children: "\u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441 \u0438\u043B\u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 \u0447\u0435\u0440\u0435\u0437 \u043D\u0435\u043A\u043E\u0442\u043E\u0440\u043E\u0435 \u0432\u0440\u0435\u043C\u044F" }), (0, jsx_runtime_1.jsx)(react_ui_1.MiniModal.Footer, { children: (0, jsx_runtime_1.jsx)(react_ui_1.Button, { onClick: onClose, size: "medium", "data-tid": "CloseButton", children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" }) })] }));
};
exports.ErrorMiniModal = ErrorMiniModal;
//# sourceMappingURL=ErrorMiniModal.js.map