UNPKG

@yandex/ui

Version:

Yandex UI components

github.com/bem/yandex-ui

54 lines (53 loc) • 18.3 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.Common = void 0; var tslib_1 = require("tslib"); var react_1 = tslib_1.__importDefault(require("react")); var addon_knobs_1 = require("@storybook/addon-knobs"); var bundle_1 = require("@yandex-lego/components/Text/bundle"); var assets_1 = require("./assets"); require("./common.css"); var Unit = function (_a) { var _b = _a.weight, weight = _b === void 0 ? 'regular' : _b, groupId = _a.groupId, typography = _a.typography, className = _a.className, as = _a.as, props = tslib_1.__rest(_a, ["weight", "groupId", "typography", "className", "as"]); var weightSelect = addon_knobs_1.select('Weight', ['light', 'regular', 'medium', 'bold'], weight, groupId); var typographySelect = addon_knobs_1.select('Typography', assets_1.typographyValues, typography, groupId); return react_1.default.createElement(bundle_1.Text, tslib_1.__assign({ as: as, className: className, typography: typographySelect, weight: weightSelect }, props)); }; var Headline1 = function (props) { return (react_1.default.createElement(Unit, tslib_1.__assign({ as: "h1", typography: "display-xl", weight: "light", groupId: "Display" }, props))); }; var Headline2 = function (props) { return (react_1.default.createElement(Unit, tslib_1.__assign({ as: "h2", typography: "headline-xl", weight: "medium", groupId: "Headline" }, props))); }; var Headline3 = function (props) { return (react_1.default.createElement(Unit, tslib_1.__assign({ as: "h3", typography: "subheader-xl", weight: "medium", groupId: "Subheader" }, props))); }; var Paragraph = function (_a) { var _b = _a.typography, typography = _b === void 0 ? 'body-long-xl' : _b, props = tslib_1.__rest(_a, ["typography"]); return (react_1.default.createElement(Unit, tslib_1.__assign({ as: "p", typography: typography, weight: "regular", groupId: typography === 'body-long-xl' ? 'Paragraph Long' : 'Paragrapth Short' }, props))); }; var Caption = function (props) { return (react_1.default.createElement(Unit, tslib_1.__assign({ as: "p", typography: "caption-l", weight: "regular", groupId: "Caption" }, props))); }; var Overline = function (props) { return (react_1.default.createElement(Unit, tslib_1.__assign({ as: "p", typography: "overline-s", weight: "medium", groupId: "Overline" }, props))); }; var Common = function () { return (react_1.default.createElement("section", { className: "text-common-example", style: { backgroundColor: 'var(--color-bg-default)' } }, react_1.default.createElement(Headline1, { className: "display" }, "\u041C\u0438\u0441\u0441\u0438\u044F \u042F\u043D\u0434\u0435\u043A\u0441\u0430\u00A0\u2014 \u043F\u043E\u043C\u043E\u0433\u0430\u0442\u044C \u043B\u044E\u0434\u044F\u043C \u0440\u0435\u0448\u0430\u0442\u044C \u0437\u0430\u0434\u0430\u0447\u0438 \u0438\u00A0\u0434\u043E\u0441\u0442\u0438\u0433\u0430\u0442\u044C \u0441\u0432\u043E\u0438\u0445 \u0446\u0435\u043B\u0435\u0439 \u0432\u00A0\u0436\u0438\u0437\u043D\u0438."), react_1.default.createElement(Headline2, { className: "headline" }, "\u0421\u0447\u0430\u0441\u0442\u044C\u0435 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u0439"), react_1.default.createElement(Paragraph, { className: "body-long" }, "\u0412\u0441\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044B \u042F\u043D\u0434\u0435\u043A\u0441\u0430 \u0441\u0434\u0435\u043B\u0430\u043D\u044B \u0434\u043B\u044F \u0442\u043E\u0433\u043E, \u0447\u0442\u043E\u0431\u044B \u0443\u043B\u0443\u0447\u0448\u0430\u0442\u044C \u0438 \u0443\u043F\u0440\u043E\u0449\u0430\u0442\u044C \u0436\u0438\u0437\u043D\u044C \u043B\u044E\u0434\u0435\u0439. \u041A\u0430\u0436\u0434\u044B\u0439 \u0438\u0437 \u043D\u0430\u0448\u0438\u0445 \u0441\u0435\u0440\u0432\u0438\u0441\u043E\u0432 \u043F\u043E\u043C\u043E\u0433\u0430\u0435\u0442 \u0434\u0435\u043B\u0430\u0442\u044C \u0447\u0442\u043E-\u0442\u043E, \u0447\u0442\u043E\u00A0\u0435\u0449\u0451\u00A0\u0432\u0447\u0435\u0440\u0430 \u043A\u0430\u0437\u0430\u043B\u043E\u0441\u044C \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u043D\u044B\u043C. \u041D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u043B\u0435\u0442 \u043D\u0430\u0437\u0430\u0434 \u043C\u044B \u043D\u0435 \u043C\u043E\u0433\u043B\u0438 \u043F\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0441\u0435\u0431\u0435, \u0447\u0442\u043E \u043C\u043E\u0436\u043D\u043E \u043F\u043E\u043D\u044F\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u043D\u0430 \u043D\u0435\u0437\u043D\u0430\u043A\u043E\u043C\u043E\u043C \u044F\u0437\u044B\u043A\u0435, \u043D\u0435\u00A0\u0432\u044B\u044F\u0441\u043D\u044F\u044F \u0432\u00A0\u0441\u043B\u043E\u0432\u0430\u0440\u0435 \u043F\u0435\u0440\u0435\u0432\u043E\u0434 \u043A\u0430\u0436\u0434\u043E\u0433\u043E \u043E\u0442\u0434\u0435\u043B\u044C\u043D\u043E\u0433\u043E \u0441\u043B\u043E\u0432\u0430. \u0427\u0442\u043E \u043C\u043E\u0436\u043D\u043E \u043C\u0433\u043D\u043E\u0432\u0435\u043D\u043D\u043E \u0443\u0437\u043D\u0430\u0442\u044C \u0430\u0434\u0440\u0435\u0441 \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0439 \u0440\u0430\u0431\u043E\u0442\u0430\u044E\u0449\u0435\u0439 \u0430\u043F\u0442\u0435\u043A\u0438, \u043D\u0430\u0445\u043E\u0434\u044F\u0441\u044C \u0432\u00A0\u043B\u044E\u0431\u043E\u0439 \u0442\u043E\u0447\u043A\u0435 \u0433\u043E\u0440\u043E\u0434\u0430. \u0427\u0442\u043E \u0442\u0430\u043A\u0441\u0438 \u043D\u0435 \u043D\u0430\u0434\u043E \u0436\u0434\u0430\u0442\u044C \u0438\u043B\u0438 \u0437\u0430\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u0437\u0430\u0440\u0430\u043D\u0435\u0435. \u0410 \u0441\u0435\u0439\u0447\u0430\u0441 \u044D\u0442\u043E \u0432\u0441\u0435 \u0441\u043E\u0432\u0435\u0440\u0448\u0435\u043D\u043D\u043E \u043E\u0431\u044B\u0447\u043D\u044B\u0435 \u0432\u0435\u0449\u0438."), react_1.default.createElement(Paragraph, null, "\u042D\u0442\u043E \u0438 \u0435\u0441\u0442\u044C \u0442\u043E, \u0447\u0435\u043C \u042F\u043D\u0434\u0435\u043A\u0441 \u0437\u0430\u043D\u0438\u043C\u0430\u0435\u0442\u0441\u044F, \u2014 \u0441\u043E\u0437\u0434\u0430\u0435\u0442 \u0441\u0435\u0440\u0432\u0438\u0441\u044B \u0434\u043B\u044F \u043B\u044E\u0434\u0435\u0439. \u0421\u0435\u0440\u0432\u0438\u0441\u044B, \u043A\u043E\u0442\u043E\u0440\u044B\u0435, \u0441 \u043E\u0434\u043D\u043E\u0439 \u0441\u0442\u043E\u0440\u043E\u043D\u044B, \u043E\u0431\u043B\u0430\u0434\u0430\u044E\u0442 \u0433\u043B\u0443\u0431\u043E\u043A\u0438\u043C \u0437\u043D\u0430\u043D\u0438\u0435\u043C \u043E\u043A\u0440\u0443\u0436\u0430\u044E\u0449\u0435\u0433\u043E \u043C\u0438\u0440\u0430, \u0441\u00A0\u0434\u0440\u0443\u0433\u043E\u0439 \u0441\u0442\u043E\u0440\u043E\u043D\u044B, \u043F\u043E\u043D\u0438\u043C\u0430\u044E\u0442 \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u044B \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u0439. \u0421\u0435\u0440\u0432\u0438\u0441\u044B, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043C\u0435\u043D\u044F\u044E\u0442 \u043F\u0440\u0438\u0432\u044B\u0447\u043D\u0443\u044E \u0441\u0440\u0435\u0434\u0443 \u0438 \u043F\u043E\u043C\u043E\u0433\u0430\u044E\u0442 \u043B\u044E\u0434\u044F\u043C \u0434\u043E\u0441\u0442\u0438\u0433\u0430\u0442\u044C \u0441\u0432\u043E\u0438\u0445 \u0446\u0435\u043B\u0435\u0439 \u0432 \u0436\u0438\u0437\u043D\u0438."), react_1.default.createElement(Paragraph, null, "\u00AB\u0421\u0447\u0430\u0441\u0442\u044C\u0435 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u0439\u00BB \u2014 \u043E\u0447\u0435\u043D\u044C \u0432\u0430\u0436\u043D\u043E\u0435 \u0434\u043B\u044F \u043D\u0430\u0441 \u043F\u043E\u043D\u044F\u0442\u0438\u0435. \u0421\u0440\u0435\u0434\u0438 \u043F\u0440\u043E\u0447\u0435\u0433\u043E \u043E\u043D\u043E \u043E\u0437\u043D\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043E \u043F\u043E\u043B\u044C\u0437\u0430, \u043A\u043E\u0442\u043E\u0440\u0443\u044E \u043F\u0440\u0438\u043D\u043E\u0441\u0438\u0442 \u0441\u0435\u0440\u0432\u0438\u0441, \u0438 \u0442\u043E, \u043D\u0430\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u043F\u0440\u0438\u044F\u0442\u043D\u043E \u0441 \u043D\u0438\u043C \u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C, \u0434\u043B\u044F \u043D\u0430\u0441 \u0432\u0430\u0436\u043D\u0435\u0435, \u0447\u0435\u043C \u0435\u0433\u043E \u043C\u043E\u043D\u0435\u0442\u0438\u0437\u0430\u0446\u0438\u044F. \u041A\u0430\u043A \u043F\u0440\u0430\u0432\u0438\u043B\u043E, \u0435\u0441\u043B\u0438 \u043D\u0430\u043C \u0443\u0434\u0430\u0435\u0442\u0441\u044F \u0441\u0434\u0435\u043B\u0430\u0442\u044C \u0445\u043E\u0440\u043E\u0448\u0438\u0439 \u0441\u0435\u0440\u0432\u0438\u0441, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u043D\u0440\u0430\u0432\u0438\u0442\u0441\u044F \u043B\u044E\u0434\u044F\u043C, \u0435\u0433\u043E \u043C\u043E\u0434\u0435\u043B\u044C \u043C\u043E\u043D\u0435\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u043E\u0431\u0440\u0430\u0437\u0443\u0435\u0442\u0441\u044F \u0441\u0430\u043C\u0430 \u0441\u043E\u0431\u043E\u0439. \u041F\u0440\u0438 \u044D\u0442\u043E\u043C \u043E\u043D\u0430 \u043E\u0431\u044F\u0437\u0430\u043D\u0430 \u0443\u0447\u0438\u0442\u044B\u0432\u0430\u0442\u044C \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u044B \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F."), react_1.default.createElement(Paragraph, null, "\u041E\u0441\u043D\u043E\u0432\u0430 \u043D\u0430\u0448\u0435\u0439 \u0440\u0430\u0431\u043E\u0442\u044B \u2014 \u0442\u0435\u0445\u043D\u043E\u043B\u043E\u0433\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u043F\u043E\u0434\u0445\u043E\u0434 \u0438 \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u0447\u0435\u0441\u043A\u0430\u044F \u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 \u0432\u0441\u0435\u0445 \u0441\u043E\u0434\u0435\u0440\u0436\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0445 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0439 \u043D\u0430 \u043D\u0430\u0448\u0438\u0445 \u0441\u0435\u0440\u0432\u0438\u0441\u0430\u0445. \u041B\u044E\u0431\u043E\u0435\u00A0\u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0435 \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C\u00A0\u043E\u0431\u043E\u0441\u043D\u043E\u0432\u0430\u043D\u043E \u2014 \u044D\u0442\u043E \u043F\u043E\u043C\u043E\u0433\u0430\u0435\u0442 \u043D\u0430\u043C \u043F\u043E\u043D\u044F\u0442\u044C, \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u043B\u0438 \u043E\u043D\u043E \u043F\u043E\u043B\u0435\u0437\u043D\u043E, \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u043B\u0438 \u0445\u043E\u0440\u043E\u0448\u043E \u0434\u043B\u044F\u00A0\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u0439."), react_1.default.createElement(Headline3, { className: "subheader" }, "1. \u041C\u044B \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u043C \u0434\u043B\u044F \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u0439"), react_1.default.createElement(Paragraph, { typography: "body-short-xl", style: { columnCount: 2 }, className: "body-short" }, "\u041D\u0430\u0448\u0430 \u0433\u043B\u0430\u0432\u043D\u0430\u044F \u0446\u0435\u043B\u044C \u2014 \u0441\u043E\u0437\u0434\u0430\u0432\u0430\u0442\u044C \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044B \u0434\u043B\u044F\u00A0\u043C\u0438\u043B\u043B\u0438\u043E\u043D\u043E\u0432 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u0439 \u0438\u043D\u0442\u0435\u0440\u043D\u0435\u0442\u0430, \u0438 \u044D\u0442\u043E \u043E\u0442\u0440\u0430\u0436\u0435\u043D\u043E \u0432\u043E\u00A0\u0432\u043D\u0443\u0442\u0440\u0435\u043D\u043D\u0438\u0445 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0445 \u042F\u043D\u0434\u0435\u043A\u0441\u0430. \u0412\u0430\u0436\u043D\u043E, \u0447\u0442\u043E\u0431\u044B \u043A\u00A0\u0434\u043E\u0441\u0442\u0438\u0436\u0435\u043D\u0438\u044E \u044D\u0442\u043E\u0439\u00A0\u0446\u0435\u043B\u0438 \u0441\u0442\u0440\u0435\u043C\u0438\u043B\u0441\u044F \u043A\u0430\u0436\u0434\u044B\u0439 \u0447\u043B\u0435\u043D \u043A\u043E\u043C\u0430\u043D\u0434\u044B \u042F\u043D\u0434\u0435\u043A\u0441 \u043E\u0436\u0438\u0434\u0430\u0435\u0442, \u0447\u0442\u043E \u0447\u043B\u0435\u043D\u044B \u043A\u043E\u043C\u0430\u043D\u0434\u044B \u0431\u0443\u0434\u0443\u0442 \u0447\u0443\u0432\u0441\u0442\u0432\u043E\u0432\u0430\u0442\u044C \u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043D\u043D\u043E\u0441\u0442\u044C \u043D\u0435 \u0442\u043E\u043B\u044C\u043A\u043E \u0437\u0430 \u0441\u0432\u043E\u044E \u0447\u0430\u0441\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u044B, \u043D\u043E \u0438 \u0437\u0430 \u043F\u0440\u043E\u0434\u0443\u043A\u0442 \u0432\u00A0\u0446\u0435\u043B\u043E\u043C. \u0411\u0443\u0434\u044C\u0442\u0435 \u043D\u0435\u0440\u0430\u0432\u043D\u043E\u0434\u0443\u0448\u043D\u044B \u043A \u043E\u0442\u0437\u044B\u0432\u0430\u043C \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u0439, \u043F\u0440\u0435\u0434\u043B\u0430\u0433\u0430\u0439\u0442\u0435 \u0443\u0441\u043E\u0432\u0435\u0440\u0448\u0435\u043D\u0441\u0442\u0432\u043E\u0432\u0430\u043D\u0438\u044F."), react_1.default.createElement("ul", null, react_1.default.createElement("li", null, react_1.default.createElement("img", { src: assets_1.maps, alt: "" }), react_1.default.createElement(Headline3, { className: "subheader" }, "\u0412\u044B\u0445\u043E\u0434 \u0432 \u0433\u043E\u0440\u043E\u0434"), react_1.default.createElement(Paragraph, { typography: "body-short-xl", overflow: "ellipsis", maxLines: 2, className: "body-short" }, "\u041A\u0430\u043A \u0432\u044B\u0433\u043B\u044F\u0434\u0435\u043B\u0438 \u0431\u044B \u043A\u0430\u0440\u0442\u044B \u043C\u0435\u0442\u0440\u043E, \u0435\u0441\u043B\u0438 \u0431\u044B \u0441\u0442\u0430\u043D\u0446\u0438\u0438 \u043D\u0430\u0437\u044B\u0432\u0430\u043B\u0438\u0441\u044C \u0432 \u0447\u0435\u0441\u0442\u044C \u043C\u0443\u0437\u0435\u0435\u0432, \u043F\u0430\u0440\u043A\u043E\u0432, \u0433\u043E\u0441\u0442\u0438\u043D\u0438\u0446, \u0431\u043E\u043B\u044C\u043D\u0438\u0446 \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u043C\u0435\u0441\u0442, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043F\u0440\u0438\u0442\u044F\u0433\u0438\u0432\u0430\u044E\u0442 \u043B\u044E\u0434\u0435\u0439 \u043D\u0430 \u044D\u0442\u0438 \u0441\u0442\u0430\u043D\u0446\u0438\u0438."), react_1.default.createElement(Caption, { className: "caption", color: "secondary" }, "\u041C\u043E\u0441\u043A\u0432\u0430 \u2022 \u0421\u0430\u043D\u043A\u0442-\u041F\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433 \u2022 \u041C\u0438\u043D\u0441\u043A"), react_1.default.createElement(Overline, { className: "overline", color: "secondary" }, "\u0418\u0421\u0421\u041B\u0415\u0414\u041E\u0412\u0410\u041D\u0418\u042F \u2022 14 \u041C\u0410\u0419 2019")), react_1.default.createElement("li", null, react_1.default.createElement("img", { src: assets_1.pin, alt: "" }), react_1.default.createElement(Headline3, null, "\u0412\u044B\u0445\u043E\u0434 \u0432 \u0433\u043E\u0440\u043E\u0434"), react_1.default.createElement(Paragraph, { typography: "body-short-xl", overflow: "fade", maxLines: 2 }, "\u041A\u0430\u043A \u0432\u044B\u0433\u043B\u044F\u0434\u0435\u043B\u0438 \u0431\u044B \u043A\u0430\u0440\u0442\u044B \u043C\u0435\u0442\u0440\u043E, \u0435\u0441\u043B\u0438 \u0431\u044B \u0441\u0442\u0430\u043D\u0446\u0438\u0438 \u043D\u0430\u0437\u044B\u0432\u0430\u043B\u0438\u0441\u044C \u0432 \u0447\u0435\u0441\u0442\u044C \u043C\u0443\u0437\u0435\u0435\u0432, \u043F\u0430\u0440\u043A\u043E\u0432, \u0433\u043E\u0441\u0442\u0438\u043D\u0438\u0446, \u0431\u043E\u043B\u044C\u043D\u0438\u0446 \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u043C\u0435\u0441\u0442, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043F\u0440\u0438\u0442\u044F\u0433\u0438\u0432\u0430\u044E\u0442 \u043B\u044E\u0434\u0435\u0439 \u043D\u0430 \u044D\u0442\u0438 \u0441\u0442\u0430\u043D\u0446\u0438\u0438."), react_1.default.createElement(Caption, { color: "secondary" }, "\u041C\u043E\u0441\u043A\u0432\u0430 \u2022 \u0421\u0430\u043D\u043A\u0442-\u041F\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433 \u2022 \u041C\u0438\u043D\u0441\u043A"), react_1.default.createElement(Overline, { color: "secondary" }, "\u0418\u0421\u0421\u041B\u0415\u0414\u041E\u0412\u0410\u041D\u0418\u042F \u2022 14 \u041C\u0410\u0419 2019")), react_1.default.createElement("li", null, react_1.default.createElement("img", { src: assets_1.stat, alt: "" }), react_1.default.createElement(Headline3, null, "\u0412\u044B\u0445\u043E\u0434 \u0432 \u0433\u043E\u0440\u043E\u0434"), react_1.default.createElement(Paragraph, { typography: "body-short-xl", overflow: "fade-horizontal", maxLines: 2 }, "\u041A\u0430\u043A \u0432\u044B\u0433\u043B\u044F\u0434\u0435\u043B\u0438 \u0431\u044B \u043A\u0430\u0440\u0442\u044B \u043C\u0435\u0442\u0440\u043E, \u0435\u0441\u043B\u0438 \u0431\u044B \u0441\u0442\u0430\u043D\u0446\u0438\u0438 \u043D\u0430\u0437\u044B\u0432\u0430\u043B\u0438\u0441\u044C \u0432 \u0447\u0435\u0441\u0442\u044C \u043C\u0443\u0437\u0435\u0435\u0432, \u043F\u0430\u0440\u043A\u043E\u0432, \u0433\u043E\u0441\u0442\u0438\u043D\u0438\u0446, \u0431\u043E\u043B\u044C\u043D\u0438\u0446 \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u043C\u0435\u0441\u0442, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043F\u0440\u0438\u0442\u044F\u0433\u0438\u0432\u0430\u044E\u0442 \u043B\u044E\u0434\u0435\u0439 \u043D\u0430 \u044D\u0442\u0438 \u0441\u0442\u0430\u043D\u0446\u0438\u0438."), react_1.default.createElement(Caption, { color: "secondary" }, "\u041C\u043E\u0441\u043A\u0432\u0430 \u2022 \u0421\u0430\u043D\u043A\u0442-\u041F\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433 \u2022 \u041C\u0438\u043D\u0441\u043A"), react_1.default.createElement(Overline, { color: "secondary" }, "\u0418\u0421\u0421\u041B\u0415\u0414\u041E\u0412\u0410\u041D\u0418\u042F \u2022 14 \u041C\u0410\u0419 2019"))))); }; exports.Common = Common;