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

Yandex UI components

import React from 'react';
import { Button } from '@yandex-lego/components/Button/desktop/bundle';
import { MessageBox, Corner } from '@yandex-lego/components/MessageBox/desktop/bundle';
export var Layout = function () { return (React.createElement(React.Fragment, null,
    React.createElement("div", { style: { padding: '16px' } },
        React.createElement(MessageBox, { view: "default", size: "m", layout: "plain", corner: [
                React.createElement(Corner, { key: "corner", width: 42, side: "top-left" },
                    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 49 49" },
                        React.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.createElement("div", { style: { padding: '16px' } },
        React.createElement(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.createElement("i", { key: "i" }, "Shift + l"))),
    React.createElement("div", { style: { padding: '16px' } },
        React.createElement(MessageBox, { view: "default", size: "m", layout: "functional", onClose: function () { }, actions: React.createElement(React.Fragment, null,
                React.createElement(Button, { size: "m", view: "clear" }, "\u041D\u0435\u0442"),
                React.createElement(Button, { size: "m", view: "action" }, "\u0414\u0430")) }, "\u0421\u043E\u0433\u043B\u0430\u0441\u043D\u044B?")))); };