@yandex/ui
Version:
Yandex UI components
17 lines (16 loc) • 1.11 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Nonvisual = 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 bundle_2 = require("@yandex-lego/components/Button/desktop/bundle");
var Nonvisual = function () {
var _a = tslib_1.__read(react_1.useState(false), 2), visible = _a[0], setVisible = _a[1];
var anchorRef = react_1.useRef(null);
return (react_1.default.createElement("div", { style: { display: 'flex' } },
react_1.default.createElement(bundle_2.Button, { onClick: function () { return setVisible(!visible); }, innerRef: anchorRef, view: "default", size: "m" }, "Open popup"),
react_1.default.createElement(bundle_1.Popup, { hasTail: true, target: "anchor", anchor: anchorRef, direction: "bottom", view: "default", nonvisual: true, visible: visible },
react_1.default.createElement("div", { style: { padding: 8, fontFamily: 'var(--control-font-family)' } }, "Nonvisual"))));
};
exports.Nonvisual = Nonvisual;