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

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Arrow = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/Button/desktop/bundle");
var bundle_2 = require("@yandex-lego/components/Text/bundle");
var bundle_3 = require("@yandex-lego/components/Icon/bundle");
var desktop_1 = require("@yandex-lego/components/Dropdown/desktop");
var SampleMenu_1 = require("./SampleMenu");
var Arrow = function () {
    var anchor = react_1.useRef(null);
    var _a = tslib_1.__read(react_1.useState(false), 2), visible = _a[0], setVisible = _a[1];
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(bundle_2.Text, { as: "h2", typography: "headline-l" }, "\u041F\u0440\u0438\u043C\u0435\u0440 \u0441\u043E \u0438\u043A\u043E\u043D\u043A\u043E\u0439 \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0435"),
        react_1.default.createElement("div", null,
            react_1.default.createElement(desktop_1.Dropdown, { onVisibleChange: function (isVisible) { return setVisible(isVisible); }, trigger: "click", view: "default", hasTail: true, content: react_1.default.createElement(SampleMenu_1.SampleMenu, null) },
                react_1.default.createElement(bundle_1.Button, { innerRef: anchor, theme: "normal", size: "s", iconRight: function (className) { return (react_1.default.createElement(bundle_3.Icon, { direction: visible ? 'top' : 'bottom', glyph: "type-arrow", className: className })); } }, "Click me")))));
};
exports.Arrow = Arrow;