@yandex/ui/Popup/__examples__/direction.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Direction = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/Popup/desktop/bundle");
var Direction = function () {
    var scopeRef = react_1.useRef(null);
    var anchorRef = react_1.useRef(null);
    return (react_1.default.createElement("div", { ref: scopeRef, style: { marginLeft: 112, marginTop: 32 } },
        react_1.default.createElement("div", { style: {
                background: '#e6e6e6',
                height: 160,
                width: 320,
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
            }, ref: anchorRef }, "Anchor"),
        bundle_1.directions.map(function (direction) { return (react_1.default.createElement(bundle_1.Popup, { key: direction, anchor: anchorRef, scope: scopeRef, direction: direction, hasTail: true, target: "anchor", view: "default", visible: true },
            react_1.default.createElement("div", { style: { padding: 8, fontFamily: 'var(--control-font-family)' } }, direction))); })));
};
exports.Direction = Direction;