@yandex/ui
Version:
Yandex UI components
23 lines (22 loc) • 2.38 kB
JavaScript
import React from 'react';
import { Header, HeaderSearch, Logoaas } from '@yandex-lego/components/Header/desktop';
import { withViewSearchArrow } from '@yandex-lego/components/Header/Button';
import { Button } from '@yandex-lego/components/Button/desktop';
import { Textinput, withHasClear } from '@yandex-lego/components/Textinput/desktop';
import { withViewSearchArrow as withViewSearchArrowTextinput } from '@yandex-lego/components/Header/Textinput';
var SearchButton = withViewSearchArrow(Button);
var SearchInput = withHasClear(withViewSearchArrowTextinput(Textinput));
var styles = "\n .SearchHeader {\n --header-content-height: 55px;\n --header-logo-indent-right: 0;\n --header-search-indent-left: 0;\n }\n\n .SearchHeader .YandexHeader-Logoaas,\n .SearchHeader .YandexHeader-Logo {\n width: 100px;\n height: 35px;\n background-position-x: 0;\n }\n\n .SearchHeader .YandexHeader-Logoaas .Image {\n margin-left: 0;\n }\n\n .DarkHeader {\n --header-fill-color: #1c1d28;\n --header-search-fill-color-base: #292b3b;\n --header-search-fill-color-hover: #373a50;\n --header-search-button-typo-color: #888994;\n --header-search-textinput-typo-color: #fff;\n --header-search-textinput-fill-color: #1c1d28;\n }\n";
export var Web4 = function () {
return (React.createElement(React.Fragment, null,
React.createElement("style", null, styles),
React.createElement(Header, { className: "SearchHeader" },
React.createElement(HeaderSearch, { action: "//yandex.ru/search" },
React.createElement(SearchInput, { view: "search-arrow", name: "text", hasClear: true, value: "Yandex" }),
React.createElement(SearchButton, { view: "search-arrow" }, "\u041D\u0430\u0439\u0442\u0438"))),
React.createElement("div", { className: "DarkHeader" },
React.createElement(Header, { className: "SearchHeader", logo: React.createElement(Logoaas, { color: "fff", size: 33 }) },
React.createElement(HeaderSearch, { action: "//yandex.ru/search" },
React.createElement(SearchInput, { view: "search-arrow", name: "text", hasClear: true, value: "Yandex" }),
React.createElement(SearchButton, { view: "search-arrow" }, "\u041D\u0430\u0439\u0442\u0438"))))));
};