@yandex/ui
Version:
Yandex UI components
34 lines (33 loc) • 4.2 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Autoru = 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 Link_1 = require("@yandex-lego/components/Link/Link");
var bundle_1 = require("@yandex-lego/components/Image/desktop/bundle");
var AutoItem = function (_a) {
var children = _a.children, href = _a.href;
return react_1.default.createElement(Link_1.Link, { className: "CustomItem", href: href }, children);
};
var styles = "\n .ADV {\n margin-bottom: -4px;\n }\n\n .YandexHeader.AutoRu {\n --header-fill-color: #db3727;\n --header-content-height: 44px;\n }\n\n .Burger {\n height: 44px;\n width: 48px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 20px;\n color: white;\n background-image: url(" + require('./assets/burger.svg') + ");\n }\n\n .Burger:hover {\n background-color: white;\n background-image: url(" + require('./assets/burger-red.svg') + ");\n }\n\n .CustomLogo {\n height: 44px;\n width: 104px;\n margin-left: 5px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n background-image: url(" + require('./assets/auto.svg') + ");\n }\n\n .CustomItem {\n font-size: 15px;\n font-weight: 700;\n padding: 0 15px;\n height: 44px;\n line-height: 44px;\n font-weight: 600;\n color: white;\n }\n\n .CustomItem_active {\n background-color: #5b0;\n }\n\n .CustomItem:hover {\n background-color: white;\n color: #db3727;\n }\n\n .CustomActions .CustomItem {\n display: inline-block;\n height: 44px;\n font-size: 13px;\n font-weight: 400;\n }\n\n #___gatsby .ADV,\n #___gatsby .AutoRu .YandexHeader-Nav {\n display: none;\n }\n\n";
var Autoru = function () {
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("style", null, styles),
react_1.default.createElement(bundle_1.Image, { className: "ADV", width: "calc(100vw - 40px)", src: "https://jing.yandex-team.ru/files/axaxaman/autoru-1.png" }),
react_1.default.createElement(desktop_1.Header, { className: "AutoRu", logo: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: "Burger" }),
react_1.default.createElement(Link_1.Link, { href: "//auto.ru", className: "CustomLogo" }))), actions: react_1.default.createElement("div", { className: "CustomActions" },
react_1.default.createElement(Link_1.Link, { className: "CustomItem" }, "\u0424\u043E\u0440\u0443\u043C\u044B"),
react_1.default.createElement(Link_1.Link, { className: "CustomItem" }, "\u0414\u0438\u043B\u0435\u0440\u0430\u043C"),
react_1.default.createElement(Link_1.Link, { className: "CustomItem CustomItem_active" }, "\u041F\u0440\u043E\u0434\u0430\u0442\u044C"),
react_1.default.createElement(Link_1.Link, { className: "CustomItem" }, "\u0412\u043E\u0439\u0442\u0438")) },
react_1.default.createElement(desktop_1.HeaderNav, null,
react_1.default.createElement(AutoItem, { href: "/" }, "\u041B\u0435\u0433\u043A\u043E\u0432\u044B\u0435"),
react_1.default.createElement(AutoItem, { href: "/" }, "\u041A\u043E\u043C\u043C\u0435\u0440\u0447\u0435\u0441\u043A\u0438\u0435"),
react_1.default.createElement(AutoItem, { href: "/" }, "\u041C\u043E\u0442\u043E"),
react_1.default.createElement(AutoItem, { href: "/" }, "\u0417\u0430\u043F\u0447\u0430\u0441\u0442\u0438"),
react_1.default.createElement(AutoItem, { href: "/" }, "\u041F\u0440\u043E\u0410\u0432\u0442\u043E"),
react_1.default.createElement(AutoItem, { href: "/" }, "\u0416\u0443\u0440\u043D\u0430\u043B")))));
};
exports.Autoru = Autoru;