@yandex/ui
Version:
Yandex UI components
26 lines (25 loc) • 2.42 kB
JavaScript
import { __read } from "tslib";
import React, { useState } from 'react';
import { Header } from '@yandex-lego/components/Header';
import { Link } from '@yandex-lego/components/Link/Link';
import { Image } from '@yandex-lego/components/Image/desktop/bundle';
import { Button } from '@yandex-lego/components/Button/desktop/bundle';
import { Textinput } from '@yandex-lego/components/Textinput/desktop/bundle';
import { UserPic } from '@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";
export var Moe = function () {
var _a = __read(useState(160), 2), width = _a[0], setWidth = _a[1];
return (React.createElement(React.Fragment, null,
React.createElement("style", null, styles),
React.createElement(Header, { className: "Moe", logo: (React.createElement(React.Fragment, null,
React.createElement(Link, { className: "Moe-Logo", href: "//moe.yandex-team.ru/" },
React.createElement(Image, { src: "//yastatic.net/s3/corp-education-external/old-moebius/static/_//images/6778cda0c39c606029c3c4424c3e49c6.png" }),
React.createElement("span", null, "\u041C\u0451\u0431\u0438\u0443\u0441")))), actions: (React.createElement(React.Fragment, null,
React.createElement("div", null,
React.createElement(Textinput, { style: { width: width }, onBlur: function () { setWidth(160); }, onFocus: function () { setWidth(350); }, view: "default", size: "s" })),
React.createElement(Button, { view: "default", size: "s" },
React.createElement("b", null, "?")),
React.createElement(Button, { view: "default", size: "s" },
React.createElement("b", null, "ENG")),
React.createElement(UserPic, { size: "s", avatarId: "43978/351415393-30646433" }))) })));
};