@yandex/ui/Dropdown/__examples__/tail.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Tail = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var bundle_1 = require("@yandex-lego/components/Button/desktop/bundle");
var bundle_2 = require("@yandex-lego/components/Text/bundle");
var desktop_1 = require("@yandex-lego/components/Dropdown/desktop");
var SampleMenu_1 = require("./SampleMenu");
var Tail = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
    react_1.default.createElement(bundle_2.Text, { as: "h2", typography: "headline-l" }, "\u041D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F c \u0445\u0432\u043E\u0441\u0442\u0438\u043A\u043E\u043C \u0443 \u043F\u043E\u043F\u0430\u043F\u0430"),
    react_1.default.createElement("div", null, (['bottom-start', 'bottom', 'bottom-end', 'top-start', 'top', 'top-end']).map(function (direction, index) { return (react_1.default.createElement(desktop_1.Dropdown, { key: index, view: "default", style: {
            margin: '1rem 1rem 0 0',
        }, hasTail: true, direction: direction, content: react_1.default.createElement(SampleMenu_1.SampleMenu, null) },
        react_1.default.createElement(bundle_1.Button, { view: "default", size: "s" },
            direction,
            "\u00A0direction"))); })))); };
exports.Tail = Tail;