@yandex/ui
Version:
Yandex UI components
20 lines (19 loc) • 1.64 kB
JavaScript
import React from 'react';
import { Header, HeaderNav, HeaderNavItem, InlineLogo, YandexLogo, SportIcon, NewsIcon, ServicesIcon } from '@yandex-lego/components/Header/desktop';
import { cnTheme } from '@yandex-lego/components/Theme';
import { theme } from '@yandex-lego/components/Theme/presets/default';
var MirrorBase = function (_a) {
var _b = _a.lang, lang = _b === void 0 ? 'ru' : _b, _c = _a.url, url = _c === void 0 ? '4vTHu7yo' : _c;
return (React.createElement(Header, { logo: React.createElement(React.Fragment, null,
React.createElement(YandexLogo, { lang: lang }),
React.createElement(InlineLogo, { src: "//frontend.s3.mds.yandex.net/yandex-lego/serp-header/_/" + url + ".svg", href: "//yandex.ru/Mirror" })) },
React.createElement(HeaderNav, null,
React.createElement(HeaderNavItem, { icon: React.createElement(NewsIcon, null) }, "\u041D\u043E\u0432\u043E\u0441\u0442\u0438"),
React.createElement(HeaderNavItem, { icon: React.createElement(SportIcon, null) }, "\u0421\u043F\u043E\u0440\u0442"),
React.createElement(HeaderNavItem, { icon: React.createElement(ServicesIcon, null) }, lang === 'en' ? 'Services' : 'Все сервисы'))));
};
export var Mirror = function () { return (React.createElement(React.Fragment, null,
React.createElement("style", null, '.Mirror { --header-nav-indent: 0 0 0 3px; --header-nav-space-all: 0 0 0 24px;}'),
React.createElement("div", { className: cnTheme(theme, ['Mirror']) },
React.createElement(MirrorBase, null),
React.createElement(MirrorBase, { lang: "en", url: "CTTYQgTa" })))); };