@yandex/ui/Header/__examples__/tui.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TUI = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var desktop_1 = require("@yandex-lego/components/Header/desktop");
var Link_1 = require("@yandex-lego/components/Link/Link");
var styles = "\n    .TUIMore {\n        border-radius: 50%;\n        background-color: white;\n        border: 3px solid black;\n        height: 24px;\n        width: 24px;\n        font-size: 18px;\n        font-weight: 700;\n        line-height: 20px;\n        text-align: center;\n        color: black;\n        box-sizing: border-box;;\n    }\n\n    .TUIMore::after {\n        content:  \"i\";\n    }\n\n    .TUI {\n        --header-content-indentRight: 0;\n        --header-content-width: 100%;\n        --header-content-maxWidth: none;\n        --header-search-max-width: none;\n        --header-search-margin-left: 0;\n        --header-search-width: 100%;\n        --header-content-width: 50%;\n        --header-shadow: 0 1px 1px rgba(0,0,0,.05);\n    }\n\n    .TUI img {\n        margin-top: -2px;\n    }\n";
var TUI = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
    react_1.default.createElement("style", null, styles),
    react_1.default.createElement(desktop_1.Header, { className: "TUI", logo: react_1.default.createElement(react_1.default.Fragment, null,
            react_1.default.createElement(desktop_1.YandexLogo, { lang: "en", href: "#" }),
            react_1.default.createElement(desktop_1.InlineLogo, { src: "http://s3.mds.yandex.net/frontend/yandex-lego/serp-header/_/2Z89hfNn.svg", href: "//trendbox.yandex-team.ru/" })), actions: react_1.default.createElement(Link_1.Link, { className: "TUIMore", href: "/help" }) },
        react_1.default.createElement(desktop_1.HeaderSearch, null)))); };
exports.TUI = TUI;