@yandex/ui
Version:
Yandex UI components
30 lines (29 loc) • 2.81 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Moe = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var Header_1 = require("@yandex-lego/components/Header");
var Link_1 = require("@yandex-lego/components/Link/Link");
var bundle_1 = require("@yandex-lego/components/Image/desktop/bundle");
var bundle_2 = require("@yandex-lego/components/Button/desktop/bundle");
var bundle_3 = require("@yandex-lego/components/Textinput/desktop/bundle");
var bundle_4 = require("@yandex-lego/components/UserPic/desktop/bundle");
var styles = "\n.Moe-Logo {\n display: inline-flex;\n color: black;\n font-weight: 500;\n align-items: center;\n width: 100px;\n justify-content: space-between;\n}\n\n.Moe {\n --header-content-width: 100%;\n --header-content-maxWidth: none;\n --header-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n --header-content-height: 64px;\n --button-borderRadius: 0;\n --button-size-s-height: 47px;\n --button-size-s-text-indentAll: 0 20px;\n --textinput-size-s-height: 47px;\n}\n";
var Moe = function () {
var _a = tslib_1.__read(react_1.useState(160), 2), width = _a[0], setWidth = _a[1];
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("style", null, styles),
react_1.default.createElement(Header_1.Header, { className: "Moe", logo: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Link_1.Link, { className: "Moe-Logo", href: "//moe.yandex-team.ru/" },
react_1.default.createElement(bundle_1.Image, { src: "//yastatic.net/s3/corp-education-external/old-moebius/static/_//images/6778cda0c39c606029c3c4424c3e49c6.png" }),
react_1.default.createElement("span", null, "\u041C\u0451\u0431\u0438\u0443\u0441")))), actions: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", null,
react_1.default.createElement(bundle_3.Textinput, { style: { width: width }, onBlur: function () { setWidth(160); }, onFocus: function () { setWidth(350); }, view: "default", size: "s" })),
react_1.default.createElement(bundle_2.Button, { view: "default", size: "s" },
react_1.default.createElement("b", null, "?")),
react_1.default.createElement(bundle_2.Button, { view: "default", size: "s" },
react_1.default.createElement("b", null, "ENG")),
react_1.default.createElement(bundle_4.UserPic, { size: "s", avatarId: "43978/351415393-30646433" }))) })));
};
exports.Moe = Moe;