@doyourjob/gravity-ui-page-constructor 5.31.16

package/build/cjs/sub-blocks/BannerCard/BannerCard.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerCard = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../components");
+const theme_1 = require("../../context/theme");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('banner-card');
+const BannerCard = (props) => {
+    const { title, subtitle, button: { url, text, target, theme: buttonTheme = 'raised' } = {}, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
+    const theme = (0, theme_1.useTheme)();
+    const contentStyle = {};
+    if (color) {
+        contentStyle.backgroundColor = (0, utils_1.getThemedValue)(color, theme);
+    }
+    return (react_1.default.createElement("div", { className: b({ theme: textTheme, ['media-view']: mediaView }) },
+        react_1.default.createElement("div", { className: b('content'), style: contentStyle },
+            react_1.default.createElement("div", { className: b('info') },
+                react_1.default.createElement("div", { className: b('text') },
+                    react_1.default.createElement("h2", { className: b('title') },
+                        react_1.default.createElement(components_1.HTML, null, title)),
+                    subtitle && (react_1.default.createElement(components_1.YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))),
+                url && (react_1.default.createElement(components_1.RouterLink, { href: url },
+                    react_1.default.createElement(components_1.Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text !== null && text !== void 0 ? text : '', url: url, target: target })))),
+            react_1.default.createElement(components_1.BackgroundImage, { className: b('image'), src: (0, utils_1.getThemedValue)(image, theme), disableCompress: disableCompress }))));
+};
+exports.BannerCard = BannerCard;
+exports.default = exports.BannerCard;

package/build/cjs/sub-blocks/BasicCard/BasicCard.css

@@ -0,0 +1,12 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-basic-card.pc-basic-card {
+  min-height: auto;
+}
+
+.pc-basic-card__content {
+  display: flex;
+}
+.pc-basic-card__wrapper {
+  flex: auto;
+}

package/build/cjs/sub-blocks/BasicCard/BasicCard.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BasicCardProps } from '../../models';
+declare const _default: React.MemoExoticComponent<(props: BasicCardProps) => JSX.Element>;
+export default _default;

package/build/cjs/sub-blocks/BasicCard/BasicCard.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
+const theme_1 = require("../../context/theme");
+const sub_blocks_1 = require("../../models/constructor-items/sub-blocks");
+const utils_1 = require("../../utils");
+const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
+const b = (0, utils_1.block)('basic-card');
+const BasicCard = (props) => {
+    const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = sub_blocks_1.IconPosition.Top, controlPosition = 'content' } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "list", "buttons", "iconPosition", "controlPosition"]);
+    const titleId = (0, uikit_1.useUniqId)();
+    const descriptionId = (0, uikit_1.useUniqId)();
+    const areControlsInFooter = controlPosition === 'footer';
+    const theme = (0, theme_1.useTheme)();
+    const themedIcon = (0, utils_1.getThemedValue)(icon, theme);
+    return (react_1.default.createElement(components_1.CardBase, Object.assign({ className: b(), contentClassName: b('content') }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId } }),
+        react_1.default.createElement(components_1.CardBase.Content, null,
+            react_1.default.createElement(components_1.IconWrapper, { icon: themedIcon ? { value: themedIcon, position: iconPosition } : undefined, className: b('wrapper') },
+                react_1.default.createElement(Content_1.default, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' })))));
+};
+exports.default = react_1.default.memo(BasicCard);

package/build/cjs/sub-blocks/BasicCard/schema.d.ts

@@ -0,0 +1,149 @@
+export declare const BasicCard: {
+    'basic-card': {
+        additionalProperties: boolean;
+        required: never[];
+        properties: {
+            url: {
+                type: string;
+            };
+            urlTitle: {
+                type: string;
+            };
+            icon: {
+                oneOf: ({
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    pattern: string;
+                    optionName: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                        properties: {
+                            when: {
+                                type: string;
+                            };
+                        };
+                    };
+                    optionName: string;
+                    pattern?: undefined;
+                })[];
+            };
+            target: {
+                type: string;
+                enum: string[];
+            };
+            iconPosition: {
+                type: string;
+                enum: string[];
+            };
+            controlPosition: {
+                type: string;
+                enum: string[];
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        urlTitle: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                    contentType?: undefined;
+                })[];
+            };
+            text: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
+            subtitle: {
+                type: string;
+            };
+            additionalInfo: {
+                type: string;
+                contentType: string;
+            };
+            links: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            subtitleLinks: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            buttons: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            border: {
+                type: string;
+                enum: string[];
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/cjs/sub-blocks/BasicCard/schema.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicCard = void 0;
+const tslib_1 = require("tslib");
+const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
+const schema_1 = require("../../components/Image/schema");
+const common_1 = require("../../schema/validators/common");
+const schema_2 = require("../Content/schema");
+const BasicCardContentProps = (0, omit_1.default)(schema_2.ContentBase, ['size', 'theme', 'controlPosition']);
+exports.BasicCard = {
+    'basic-card': {
+        additionalProperties: false,
+        required: [],
+        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.CardLayoutProps), BasicCardContentProps), { url: {
+                type: 'string',
+            }, urlTitle: {
+                type: 'string',
+            }, icon: schema_1.ImageProps, target: {
+                type: 'string',
+                enum: ['_blank', '_parent', '_top', '_self'],
+            }, iconPosition: {
+                type: 'string',
+                enum: ['top', 'left'],
+            }, controlPosition: {
+                type: 'string',
+                enum: ['content', 'footer'],
+            } }),
+    },
+};

package/build/cjs/sub-blocks/Card/Card.css

@@ -0,0 +1,25 @@
+.pc-card__title {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-card__header {
+  height: 136px;
+}
+.pc-card__title {
+  font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
+  line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
+  color: var(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+}
+.pc-card__service {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 20px;
+  padding-top: 16px;
+  border-top: 1px solid var(--g-color-line-generic);
+}
+.pc-card__phrase {
+  margin-right: 4px;
+}

package/build/cjs/sub-blocks/Card/Card.d.ts

@@ -0,0 +1,3 @@
+import { CardProps } from '../../models/constructor-items/sub-blocks';
+declare const Card: ({ header, text, service, ...props }: CardProps) => JSX.Element;
+export default Card;

package/build/cjs/sub-blocks/Card/Card.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
+const ServiceLabel_1 = tslib_1.__importDefault(require("../../components/ServiceLabel/ServiceLabel"));
+const utils_1 = require("../../utils");
+const i18n_1 = require("./i18n");
+const b = (0, utils_1.block)('card');
+const Card = (_a) => {
+    var { header, text, service } = _a, props = tslib_1.__rest(_a, ["header", "text", "service"]);
+    return (react_1.default.createElement(components_1.CardBase, Object.assign({}, props),
+        react_1.default.createElement(components_1.CardBase.Header, { className: b('header'), image: header.image },
+            react_1.default.createElement("h3", { className: b('title') },
+                react_1.default.createElement(components_1.HTML, null, header.title))),
+        react_1.default.createElement(components_1.CardBase.Content, null,
+            react_1.default.createElement(components_1.YFMWrapper, { content: text || '', modifiers: { constructor: true, constructor_list_style: true } }),
+            service && (react_1.default.createElement("div", { className: b('service') },
+                react_1.default.createElement("span", { className: b('phrase') }, (0, i18n_1.i18n)('phrase')),
+                react_1.default.createElement(uikit_1.Link, { href: `/services/${service.slug}` },
+                    react_1.default.createElement(ServiceLabel_1.default, { slug: service.slug, name: service.name }))))),
+        react_1.default.createElement(components_1.CardBase.Footer, null,
+            react_1.default.createElement(components_1.Links, null))));
+};
+exports.default = Card;

package/build/cjs/sub-blocks/Card/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "phrase": "Works with"
+}

package/build/cjs/sub-blocks/Card/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const i18n: (key: "phrase", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/sub-blocks/Card/i18n/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../utils/cn");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Card`);

package/build/cjs/sub-blocks/Card/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "phrase": "Работает с"
+}

package/build/cjs/sub-blocks/Card/schema.d.ts

@@ -0,0 +1,45 @@
+export declare const Card: {
+    card: {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            header: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    image: {
+                        type: string;
+                    };
+                    title: {
+                        type: string;
+                    };
+                };
+            };
+            text: {
+                type: string;
+            };
+            service: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    slug: {
+                        type: string;
+                    };
+                    name: {
+                        type: string;
+                    };
+                };
+            };
+            border: {
+                type: string;
+                enum: string[];
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/cjs/sub-blocks/Card/schema.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.Card = {
+    card: {
+        additionalProperties: false,
+        required: ['header'],
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), { header: {
+                type: 'object',
+                additionalProperties: false,
+                required: ['image', 'title'],
+                properties: {
+                    image: {
+                        type: 'string',
+                    },
+                    title: {
+                        type: 'string',
+                    },
+                },
+            }, text: {
+                type: 'string',
+            }, service: {
+                type: 'object',
+                additionalProperties: false,
+                required: ['slug', 'name'],
+                properties: {
+                    slug: {
+                        type: 'string',
+                    },
+                    name: {
+                        type: 'string',
+                    },
+                },
+            } }),
+    },
+};

package/build/cjs/sub-blocks/Content/Content.css

@@ -0,0 +1,167 @@
+.pc-content_size_l .pc-content__text .yfm,
+.pc-content_size_l .pc-content__notice .yfm {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-content {
+  --pc-monochrome-button-background-color: #262626;
+  --pc-monochrome-button-background-color-hover: #393939;
+  --pc-monochrome-button-color: var(--g-color-text-light-primary);
+  display: flex;
+  flex-direction: column;
+}
+.pc-content__notice .yfm ol,
+.pc-content__notice .yfm ul, .pc-content__text .yfm ol,
+.pc-content__text .yfm ul {
+  padding-left: 1.4em;
+}
+.pc-content__notice.pc-content__notice .yfm,
+.pc-content__notice.pc-content__notice .yfm > * {
+  color: var(--g-color-text-secondary);
+}
+.pc-content__notice.pc-content__notice .yfm a {
+  color: var(--g-color-text-secondary);
+  text-decoration: underline;
+}
+.pc-content__notice.pc-content__notice .yfm a:hover {
+  color: var(--g-color-text-primary);
+}
+
+.pc-content__link {
+  display: block;
+}
+.pc-content_centered.pc-content_centered {
+  margin: 0 auto;
+  text-align: center;
+}
+
+.pc-content_centered .pc-content__buttons {
+  justify-content: center;
+}
+.pc-content_centered .pc-content__links,
+.pc-content_centered .pc-content__subtitle-links {
+  align-items: center;
+}
+.pc-content_centered .pc-content__link a {
+  justify-content: center;
+}
+.pc-content_centered .pc-content__notice .yfm ul,
+.pc-content_centered .pc-content__notice .yfm ol,
+.pc-content_centered .pc-content__text .yfm ul,
+.pc-content_centered .pc-content__text .yfm ol {
+  text-align: left;
+}
+.pc-content_size_s .pc-content__text,
+.pc-content_size_s .pc-content__notice {
+  margin-top: 8px;
+}
+.pc-content_size_s .pc-content__text_without-title {
+  margin-top: 0;
+}
+.pc-content_size_s .pc-content__list,
+.pc-content_size_s .pc-content__links,
+.pc-content_size_s .pc-content__subtitle-links,
+.pc-content_size_s .pc-content__buttons {
+  margin-top: 16px;
+}
+.pc-content_size_l .pc-content__text,
+.pc-content_size_l .pc-content__notice {
+  margin-top: 12px;
+}
+.pc-content_size_l .pc-content__text_without-title {
+  margin-top: 0;
+}
+.pc-content_size_l .pc-content__text .yfm,
+.pc-content_size_l .pc-content__notice .yfm {
+  font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
+  line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
+}
+.pc-content_size_l .pc-content__list,
+.pc-content_size_l .pc-content__links,
+.pc-content_size_l .pc-content__subtitle-links,
+.pc-content_size_l .pc-content__buttons {
+  margin-top: 24px;
+}
+.pc-content_theme_dark {
+  --g-color-line-focus: var(--pc-color-line-focus-dark);
+}
+.pc-content_theme_dark .pc-content__title *,
+.pc-content_theme_dark .pc-content__text .yfm,
+.pc-content_theme_dark .pc-content__text .yfm *,
+.pc-content_theme_dark .pc-content__links a,
+.pc-content_theme_dark .pc-content__subtitle-links {
+  color: var(--g-color-text-light-primary);
+}
+.pc-content_theme_dark .pc-content__notice .yfm,
+.pc-content_theme_dark .pc-content__notice .yfm * {
+  color: var(--g-color-text-light-secondary);
+}
+.pc-content_theme_dark .pc-content__notice .yfm a {
+  color: var(--g-color-text-light-secondary);
+  text-decoration: underline;
+}
+.pc-content_theme_dark .pc-content__notice .yfm a:hover {
+  color: var(--g-color-text-light-primary);
+}
+.pc-content_theme_dark .pc-content__text .yfm a {
+  color: var(--g-color-text-light-primary);
+  text-decoration: underline;
+}
+.pc-content_theme_dark .pc-content__text .yfm a:hover {
+  color: var(--g-color-text-light-secondary);
+}
+.pc-content_theme_dark .pc-content__title a {
+  color: var(--g-color-text-light-primary);
+  text-decoration: underline;
+  text-decoration: none;
+}
+.pc-content_theme_dark .pc-content__title a:hover {
+  color: var(--g-color-text-light-secondary);
+}
+.pc-content_theme_light .pc-content__title *,
+.pc-content_theme_light .pc-content__text .yfm,
+.pc-content_theme_light .pc-content__text .yfm *,
+.pc-content_theme_light .pc-content__links a,
+.pc-content_theme_light .pc-content__subtitle-links {
+  color: var(--g-color-text-dark-primary);
+}
+.pc-content_theme_light .pc-content__notice .yfm,
+.pc-content_theme_light .pc-content__notice .yfm * {
+  color: var(--g-color-text-dark-secondary);
+}
+.pc-content_theme_light .pc-content__notice .yfm a {
+  color: var(--g-color-text-dark-secondary);
+  text-decoration: underline;
+}
+.pc-content_theme_light .pc-content__notice .yfm a:hover {
+  color: var(--g-color-text-dark-primary);
+}
+.pc-content_theme_light .pc-content__text .yfm a {
+  color: var(--g-color-text-dark-primary);
+  text-decoration: underline;
+}
+.pc-content_theme_light .pc-content__text .yfm a:hover {
+  color: var(--g-color-text-dark-secondary);
+}
+.pc-content_theme_light .pc-content__title a {
+  color: var(--g-color-text-dark-primary);
+  text-decoration: underline;
+  text-decoration: none;
+}
+.pc-content_theme_light .pc-content__title a:hover {
+  color: var(--g-color-text-dark-secondary);
+}
+.pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__buttons), .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__links), .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__subtitle-links),
+.pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__buttons),
+.pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__links),
+.pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__subtitle-links),
+.pc-content_control-position_bottom .pc-content__text:has(+ .pc-content__buttons),
+.pc-content_control-position_bottom .pc-content__text:has(+ .pc-content__links),
+.pc-content_control-position_bottom .pc-content__text:has(+ .pc-content__subtitle-links),
+.pc-content_control-position_bottom .pc-content__title:has(+ .pc-content__buttons),
+.pc-content_control-position_bottom .pc-content__title:has(+ .pc-content__links),
+.pc-content_control-position_bottom .pc-content__title:has(+ .pc-content__subtitle-links) {
+  margin-bottom: auto;
+}

package/build/cjs/sub-blocks/Content/Content.d.ts

@@ -0,0 +1,5 @@
+import { ClassNameProps, ContentBlockProps } from '../../models';
+import { QAProps } from '../../models/common';
+export type ContentProps = ContentBlockProps & ClassNameProps & QAProps;
+declare const Content: (props: ContentProps) => JSX.Element;
+export default Content;

package/build/cjs/sub-blocks/Content/Content.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
+const grid_1 = require("../../grid");
+const utils_1 = require("../../utils");
+const blocks_1 = require("../../utils/blocks");
+const b = (0, utils_1.block)('content');
+function getTextSize(size) {
+    switch (size) {
+        case 's':
+            return 's';
+        case 'l':
+        default:
+            return 'm';
+    }
+}
+const Content = (props) => {
+    const { title, subtitle, subtitleLinks, titleId: titleIdFromProps, text, textId, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, list, qa, controlPosition, } = props;
+    const qaAttributes = (0, blocks_1.getQaAttrubutes)(qa, ['links', 'link', 'buttons', 'button', 'list']);
+    const titleProps = !title || typeof title === 'string'
+        ? { text: title, textSize: getTextSize(size) }
+        : title;
+    const hasTitle = Boolean(title);
+    const defaultTitleId = (0, uikit_1.useUniqId)();
+    const titleId = titleIdFromProps || defaultTitleId;
+    return (react_1.default.createElement(grid_1.Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container },
+        title && (react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, subtitle: subtitle, subtitleBold: true, colSizes: { all: 12 }, id: titleId })),
+        subtitleLinks && (react_1.default.createElement(components_1.Links, { className: b('subtitle-links', { size }), size: size, links: subtitleLinks, titleId: titleId, qa: qaAttributes.links, linkQa: qaAttributes.link })),
+        text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
+            react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }))),
+        (list === null || list === void 0 ? void 0 : list.length) ? (react_1.default.createElement("div", { className: b('list') },
+            react_1.default.createElement(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }))) : null,
+        additionalInfo && (react_1.default.createElement("div", { className: b('notice') },
+            react_1.default.createElement(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
+                    constructor: true,
+                    'constructor-notice': true,
+                    [`constructor-size-${size}`]: true,
+                } }))),
+        links && (react_1.default.createElement(components_1.Links, { className: b('links', { size }), size: size, links: links, titleId: titleId, qa: qaAttributes.links, linkQa: qaAttributes.link })),
+        buttons && (react_1.default.createElement(components_1.Buttons, { className: b('buttons', { size }), size: size, buttons: buttons, titleId: titleId, qa: qaAttributes.buttons, buttonQa: qaAttributes.button }))));
+};
+exports.default = Content;