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

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Size = 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 Size = 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, { onClose: function () { return null; }, view: "default", size: "s", actions: react_1.default.createElement(react_1.default.Fragment, null,
                react_1.default.createElement(bundle_1.Button, { size: "s", view: "action" }, "\u041F\u043E\u043D\u044F\u0442\u043D\u043E")) }, "\u041D\u043E\u0432\u044B\u0439 \u0440\u0430\u0437\u0434\u0435\u043B \u0441 \u0432\u0430\u0448\u0438\u043C\u0438 \u043F\u043E\u043A\u0443\u043F\u043A\u0430\u043C\u0438")),
    react_1.default.createElement("div", { style: { padding: '16px' } },
        react_1.default.createElement(bundle_2.MessageBox, { onClose: function () { return null; }, view: "default", size: "m", actions: react_1.default.createElement(react_1.default.Fragment, null,
                react_1.default.createElement(bundle_1.Button, { size: "m", view: "action" }, "\u041F\u043E\u043D\u044F\u0442\u043D\u043E")) },
            "\u041D\u043E\u0432\u0430\u044F \u043F\u043E\u0447\u0442\u0430 ",
            react_1.default.createElement("b", null, "squorax@gmail.com"),
            " \u043F\u0440\u0438\u0432\u044F\u0437\u0430\u043D\u0430 \u043A \u0432\u0430\u0448\u0435\u043C\u0443 \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0443")),
    react_1.default.createElement("div", { style: { padding: '16px' } },
        react_1.default.createElement(bundle_2.MessageBox, { onClose: function () { return null; }, view: "default", size: "l", actions: react_1.default.createElement(react_1.default.Fragment, null,
                react_1.default.createElement(bundle_1.Button, { size: "l", view: "action" }, "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435")) }, "\u041F\u0438\u0441\u044C\u043C\u043E \u0441\u043E\u0434\u0435\u0440\u0436\u0438\u0442 \u043D\u0435\u0432\u0435\u0440\u043D\u0443\u044E \u0438\u043B\u0438 \u043F\u043E\u0434\u0434\u0435\u043B\u044C\u043D\u0443\u044E \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044E \u043E\u0431 \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u0435\u043B\u0435. \u0422\u0430\u043A\u0436\u0435 \u043A\u0442\u043E-\u0442\u043E \u043C\u043E\u0433 \u0438\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u043F\u0438\u0441\u044C\u043C\u0430 \u043F\u043E\u0441\u043B\u0435 \u0435\u0433\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438.")))); };
exports.Size = Size;