@yandex/ui
Version:
Yandex UI components
22 lines (21 loc) • 1.7 kB
JavaScript
import React from 'react';
import { Header, HeaderNav, HeaderNavItem, InlineLogo, YandexLogo } from '@yandex-lego/components/Header/desktop';
import { cnTheme } from '@yandex-lego/components/Theme';
import { theme } from '@yandex-lego/components/Theme/presets/default';
var WeatherBase = function (_a) {
var _b = _a.lang, lang = _b === void 0 ? 'ru' : _b, _c = _a.url, url = _c === void 0 ? '2KkzGoNt' : _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/pogoda" })) },
React.createElement(HeaderNav, null,
React.createElement(HeaderNavItem, { active: true }, "\u041F\u0440\u043E\u0433\u043D\u043E\u0437 \u041D\u0430 10 \u0434\u043D\u0435\u0439"),
React.createElement(HeaderNavItem, null, "\u041F\u0440\u043E\u0433\u043D\u043E\u0437 \u043D\u0430 \u043D\u0435\u0434\u0435\u043B\u044E"))));
};
export var Weather = function () { return (React.createElement(React.Fragment, null,
React.createElement("style", null, '.Weather { --header-nav-link-color-base: #222426; --header-content-space-all: 0 24px; }'),
React.createElement("div", { className: cnTheme(theme, ['Weather']) },
React.createElement(WeatherBase, null),
React.createElement(WeatherBase, { lang: "en", url: "3fdbXTQZ" }),
React.createElement(WeatherBase, { url: "48z15E4G" }),
React.createElement(WeatherBase, { url: "24cRX8yJ" }),
React.createElement(WeatherBase, { lang: "en", url: "5nQWWvMA" })))); };