mp-lens
Version:
微信小程序分析工具 (Unused Code, Dependencies, Visualization)
14 lines • 1.64 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Tabs = Tabs;
const jsx_runtime_1 = require("preact/jsx-runtime");
const Tabs_module_css_1 = __importDefault(require("./Tabs.module.css")); // Import CSS Module
function Tabs({ tabs, activeTabId, onTabChange }) {
// Internal state is removed
// const [activeTabId, setActiveTabId] = useState<string>(tabs[0]?.id || '');
return ((0, jsx_runtime_1.jsxs)("div", { className: Tabs_module_css_1.default.tabsContainer, children: [(0, jsx_runtime_1.jsx)("ul", { className: Tabs_module_css_1.default.tabsList, children: tabs.map((tab) => ((0, jsx_runtime_1.jsx)("li", { className: Tabs_module_css_1.default.tabItem, children: (0, jsx_runtime_1.jsx)("button", { onClick: () => onTabChange(tab.id), className: `${Tabs_module_css_1.default.button} ${activeTabId === tab.id ? Tabs_module_css_1.default.active : ''}`, role: "tab", "aria-selected": activeTabId === tab.id, "aria-controls": `tab-content-${tab.id}`, children: tab.label }) }, tab.id))) }), (0, jsx_runtime_1.jsx)("div", { className: Tabs_module_css_1.default.tabContentArea, children: tabs.map((tab) => ((0, jsx_runtime_1.jsx)("div", { id: `tab-content-${tab.id}`, className: `${Tabs_module_css_1.default.tabContent} ${activeTabId === tab.id ? Tabs_module_css_1.default.active : ''}`, role: "tabpanel", "aria-labelledby": `tab-${tab.id}`, children: activeTabId === tab.id ? tab.content : null }, tab.id))) })] }));
}
//# sourceMappingURL=Tabs.js.map