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

Yandex UI components

import React from 'react';
import { Header, HeaderSearch, YandexLogo, InlineLogo } from '@yandex-lego/components/Header/desktop';
import { Link } from '@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";
export var TUI = function () { return (React.createElement(React.Fragment, null,
    React.createElement("style", null, styles),
    React.createElement(Header, { className: "TUI", logo: React.createElement(React.Fragment, null,
            React.createElement(YandexLogo, { lang: "en", href: "#" }),
            React.createElement(InlineLogo, { src: "http://s3.mds.yandex.net/frontend/yandex-lego/serp-header/_/2Z89hfNn.svg", href: "//trendbox.yandex-team.ru/" })), actions: React.createElement(Link, { className: "TUIMore", href: "/help" }) },
        React.createElement(HeaderSearch, null)))); };