@yandex/ui/Tooltip/__examples__/stateful.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Stateful = 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/Tooltip/desktop/bundle");
var Stateful = function () { return (react_1.default.createElement("div", { style: { display: 'flex', height: 96 } },
    react_1.default.createElement("div", { style: { marginLeft: 32, marginRight: 32 } },
        react_1.default.createElement(bundle_2.TooltipStateful, { view: "default", size: "m", hasTail: true, content: "Stateful hover", trigger: "hover" },
            react_1.default.createElement(bundle_1.Button, { view: "default", size: "m" }, "Target hover"))),
    react_1.default.createElement("div", { style: { marginLeft: 32, marginRight: 32 } },
        react_1.default.createElement(bundle_2.TooltipStateful, { view: "default", size: "m", hasTail: true, content: "Stateful click", trigger: "click" },
            react_1.default.createElement(bundle_1.Button, { view: "default", size: "m" }, "Target click"))),
    react_1.default.createElement("div", { style: { marginLeft: 32, marginRight: 32 } },
        react_1.default.createElement(bundle_2.TooltipStateful, { view: "default", size: "m", hasTail: true, content: "Stateful focus", trigger: "focus" },
            react_1.default.createElement(bundle_1.Button, { view: "default", size: "m" }, "Target focus"))))); };
exports.Stateful = Stateful;