@yandex/ui
Version:
Yandex UI components
28 lines (27 loc) • 2.7 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Web4 = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var desktop_1 = require("@yandex-lego/components/Header/desktop");
var Button_1 = require("@yandex-lego/components/Header/Button");
var desktop_2 = require("@yandex-lego/components/Button/desktop");
var desktop_3 = require("@yandex-lego/components/Textinput/desktop");
var Textinput_1 = require("@yandex-lego/components/Header/Textinput");
var SearchButton = Button_1.withViewSearchArrow(desktop_2.Button);
var SearchInput = desktop_3.withHasClear(Textinput_1.withViewSearchArrow(desktop_3.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";
var Web4 = function () {
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("style", null, styles),
react_1.default.createElement(desktop_1.Header, { className: "SearchHeader" },
react_1.default.createElement(desktop_1.HeaderSearch, { action: "//yandex.ru/search" },
react_1.default.createElement(SearchInput, { view: "search-arrow", name: "text", hasClear: true, value: "Yandex" }),
react_1.default.createElement(SearchButton, { view: "search-arrow" }, "\u041D\u0430\u0439\u0442\u0438"))),
react_1.default.createElement("div", { className: "DarkHeader" },
react_1.default.createElement(desktop_1.Header, { className: "SearchHeader", logo: react_1.default.createElement(desktop_1.Logoaas, { color: "fff", size: 33 }) },
react_1.default.createElement(desktop_1.HeaderSearch, { action: "//yandex.ru/search" },
react_1.default.createElement(SearchInput, { view: "search-arrow", name: "text", hasClear: true, value: "Yandex" }),
react_1.default.createElement(SearchButton, { view: "search-arrow" }, "\u041D\u0430\u0439\u0442\u0438"))))));
};
exports.Web4 = Web4;