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

Yandex UI components

import React from 'react';
import { Header, HeaderNav, HeaderNavItem, Logoaas, YandexLogo } from '@yandex-lego/components/Header/desktop';
import { cnTheme } from '@yandex-lego/components/Theme';
import { theme } from '@yandex-lego/components/Theme/presets/default';
var DirectoryBase = function (_a) {
    var _b = _a.lang, lang = _b === void 0 ? 'ru' : _b, _c = _a.name, name = _c === void 0 ? 'Справочник' : _c;
    return (React.createElement(Header, { logo: React.createElement(React.Fragment, null,
            React.createElement(YandexLogo, { lang: lang }),
            React.createElement(Logoaas, { href: "//yandex.ru/sprav/add", name: name })) },
        React.createElement(HeaderNav, null,
            React.createElement(HeaderNavItem, { active: true }, "\u041C\u043E\u0438 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438"),
            React.createElement(HeaderNavItem, null, "\u041C\u043E\u0438 \u0437\u0430\u044F\u0432\u043A\u0438"),
            React.createElement(HeaderNavItem, null, "\u041F\u0440\u0430\u0432\u043A\u0438"))));
};
export var Directory = function () { return (React.createElement(React.Fragment, null,
    React.createElement("style", null, '.Directory { --header-nav-link-color-base: #222426; }'),
    React.createElement("div", { className: cnTheme(theme, ['Directory']) },
        React.createElement(DirectoryBase, null),
        React.createElement(DirectoryBase, { lang: "en", name: "Directory" }),
        React.createElement(DirectoryBase, { lang: "en", name: "Rehber" })))); };