@yandex/ui/withTogglable/__examples__/default.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Default = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var withTogglable_1 = require("@yandex-lego/components/withTogglable");
var bundle_1 = require("@yandex-lego/components/Button/desktop/bundle");
var ComponentWithToggable = withTogglable_1.withTogglable(function (_a) {
    var opened = _a.opened, setOpened = _a.setOpened, props = tslib_1.__rest(_a, ["opened", "setOpened"]);
    return (react_1.default.createElement(bundle_1.Button
    // @ts-ignore
    , tslib_1.__assign({ 
        // @ts-ignore
        onClick: function () { return setOpened(!opened); }, view: opened ? 'action' : 'default', size: "m" }, props), opened ? 'Opened' : 'Closed'));
});
var Default = function () { return react_1.default.createElement(ComponentWithToggable, null); };
exports.Default = Default;