@yandex/ui
Version:
Yandex UI components
16 lines (15 loc) • 2.63 kB
JavaScript
import React from 'react';
import { Button } from '@yandex-lego/components/Button/desktop/bundle';
import { MessageBox } from '@yandex-lego/components/MessageBox/desktop/bundle';
export var View = function () { return (React.createElement(React.Fragment, null,
React.createElement("div", { style: { backgroundColor: '#fff', padding: '16px' } },
React.createElement(MessageBox, { onClose: function () { return null; }, view: "default", size: "m", actions: React.createElement(React.Fragment, null,
React.createElement(Button, { view: "clear", size: "s" }, "\u041E\u0442\u043A\u043B\u043E\u043D\u0438\u0442\u044C"),
React.createElement(Button, { view: "action", size: "s" }, "\u041F\u0440\u0438\u043D\u044F\u0442\u044C")) }, "\u041D\u043E\u0432\u0430\u044F \u043F\u043E\u0447\u0442\u0430 \u0441 \u043A\u043B\u0430\u0441\u0441\u043D\u044B\u043C\u0438 \u0442\u0435\u043C\u0430\u043C\u0438 \u0442\u0435\u043F\u0435\u0440\u044C \u0434\u043B\u044F \u0432\u0430\u0441!")),
React.createElement("div", { style: { backgroundColor: '#000', padding: '16px' } },
React.createElement(MessageBox, { onClose: function () { return null; }, view: "inverse", size: "m", actions: React.createElement(React.Fragment, null,
React.createElement(Button, { view: "clear", size: "s" }, "\u041E\u0442\u043A\u043B\u043E\u043D\u0438\u0442\u044C"),
React.createElement(Button, { view: "action", size: "s" }, "\u041F\u0440\u0438\u043D\u044F\u0442\u044C")) }, "\u041D\u043E\u0432\u0430\u044F \u043F\u043E\u0447\u0442\u0430 \u0441 \u043A\u043B\u0430\u0441\u0441\u043D\u044B\u043C\u0438 \u0442\u0435\u043C\u0430\u043C\u0438 \u0442\u0435\u043F\u0435\u0440\u044C \u0434\u043B\u044F \u0432\u0430\u0441!")),
React.createElement("div", { style: { backgroundColor: '#fff', padding: '16px' } },
React.createElement(MessageBox, { onClose: function () { return null; }, view: "promo", size: "m", actions: React.createElement(React.Fragment, null,
React.createElement(Button, { view: "action", size: "s" }, "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435")) }, "\u0421\u043E\u0445\u0440\u0430\u043D\u044F\u0439\u0442\u0435 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0438, \u043F\u043E\u043B\u0435\u0437\u043D\u044B\u0435 \u0441\u0441\u044B\u043B\u043A\u0438, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u0438 \u043A\u0440\u0430\u0441\u0438\u0432\u044B\u0445 \u043C\u0435\u0441\u0442 \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 \u0432 \u043A\u043E\u043B\u043B\u0435\u043A\u0446\u0438\u0438")))); };