@skbkontur/db-viewer-ui
Version:
Database Viewer with custom configuration
16 lines • 2.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ErrorMiniModal = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const IconXCircleRegular64_1 = require("@skbkontur/icons/IconXCircleRegular64");
const react_ui_1 = require("@skbkontur/react-ui");
const renderEnvironment_1 = require("@skbkontur/react-ui/lib/renderEnvironment");
const react_1 = require("react");
const ErrorHandlingContainer_styles_1 = require("./ErrorHandlingContainer.styles");
const ErrorMiniModal = ({ onClose }) => {
const jsStyles = (0, renderEnvironment_1.useStyles)(ErrorHandlingContainer_styles_1.getStyles);
const theme = (0, react_1.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)(IconXCircleRegular64_1.IconXCircleRegular64, { color: "#FF5A49" }), children: (0, jsx_runtime_1.jsx)("span", { className: 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: 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", use: "outline", "data-tid": "CloseButton", children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" }) })] }));
};
exports.ErrorMiniModal = ErrorMiniModal;
//# sourceMappingURL=ErrorMiniModal.js.map