@yandex/ui
Version:
Yandex UI components
20 lines (19 loc) • 1.39 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.AdaptiveWithAddAndDelete = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/TabsMenu/desktop/bundle");
var AdaptiveWithAddAndDelete = function () {
var _a = tslib_1.__read(react_1.useState('0'), 2), activeTab = _a[0], setActiveTab = _a[1];
var _b = tslib_1.__read(react_1.useState(tslib_1.__spread(Array(10).keys()).map(function (idx) { return ({ id: idx.toString(), content: "Tab-" + idx }); })), 2), tabs = _b[0], setTabs = _b[1];
return (react_1.default.createElement("div", { style: { height: 200 } },
react_1.default.createElement(bundle_1.TabsMenu, { adaptive: true, size: "m", view: "default", layout: "horiz", tabs: tabs, activeTab: activeTab, onChange: setActiveTab }),
react_1.default.createElement("button", { onClick: function () {
setTabs(tslib_1.__spread(tabs, [{ id: tabs.length.toString(), content: "Tab-" + tabs.length }]));
} }, "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C"),
react_1.default.createElement("button", { onClick: function () {
setTabs(tabs.slice(0, tabs.length - 1));
} }, "\u0423\u0434\u0430\u043B\u0438\u0442\u044C")));
};
exports.AdaptiveWithAddAndDelete = AdaptiveWithAddAndDelete;