@yandex/ui/MessageBox/__examples__/layout.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Layout = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var bundle_1 = require("@yandex-lego/components/Button/desktop/bundle");
var bundle_2 = require("@yandex-lego/components/MessageBox/desktop/bundle");
var Layout = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
    react_1.default.createElement("div", { style: { padding: '16px' } },
        react_1.default.createElement(bundle_2.MessageBox, { view: "default", size: "m", layout: "plain", corner: [
                react_1.default.createElement(bundle_2.Corner, { key: "corner", width: 42, side: "top-left" },
                    react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 49 49" },
                        react_1.default.createElement("path", { fill: "#ffd426", stroke: "#f6cf2e", d: "M17.644 34.455l9.906 13.912 4.949-16.171\n                                16.296-4.911-14.02-9.83.167-16.948-13.614\n                                10.096L5.135 5.039l5.606 16.07L.567\n                                34.62z" }))),
            ] }, "\u0416\u043C\u0438\u0442\u0435 \u0441\u044E\u0434\u0430, \u0441\u043A\u043E\u0440\u0435\u0439")),
    react_1.default.createElement("div", { style: { padding: '16px' } },
        react_1.default.createElement(bundle_2.MessageBox, { view: "default", size: "m", layout: "tooltip" },
            "\u041F\u043E\u043C\u0435\u0442\u0438\u0442\u044C \u043F\u0438\u0441\u044C\u043C\u043E \u043A\u0430\u043A \u0432\u0430\u0436\u043D\u043E\u0435 ",
            react_1.default.createElement("i", { key: "i" }, "Shift + l"))),
    react_1.default.createElement("div", { style: { padding: '16px' } },
        react_1.default.createElement(bundle_2.MessageBox, { view: "default", size: "m", layout: "functional", onClose: function () { }, actions: react_1.default.createElement(react_1.default.Fragment, null,
                react_1.default.createElement(bundle_1.Button, { size: "m", view: "clear" }, "\u041D\u0435\u0442"),
                react_1.default.createElement(bundle_1.Button, { size: "m", view: "action" }, "\u0414\u0430")) }, "\u0421\u043E\u0433\u043B\u0430\u0441\u043D\u044B?")))); };
exports.Layout = Layout;