flexacore-ui-dev
Version:
Universal UI Framework for CDN, React, Angular, Vue, Svelte with TypeScript support
15 lines (14 loc) • 1.03 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FCTabs = void 0;
const react_1 = __importDefault(require("react"));
const FCTabs = ({ tabs, activeTab, onTabChange, className = '', ...rest }) => {
var _a;
return (react_1.default.createElement("div", { className: ['fc-tabs', className].filter(Boolean).join(' '), ...rest },
react_1.default.createElement("div", { className: "fc-tabs-list" }, tabs.map(tab => (react_1.default.createElement("button", { key: tab.key, className: ['fc-tab', activeTab === tab.key ? 'fc-tab-active' : ''].filter(Boolean).join(' '), onClick: () => onTabChange(tab.key), type: "button" }, tab.label)))),
react_1.default.createElement("div", { className: "fc-tabs-content" }, (_a = tabs.find(tab => tab.key === activeTab)) === null || _a === void 0 ? void 0 : _a.content)));
};
exports.FCTabs = FCTabs;