"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const React = require("react");
const emotionReactJsxRuntime_browser_esm = require("../node_modules/.pnpm/@emotion_react@11.10.4_q4mq7tnhdumujvomvw24zx33y4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js");
const tabs = require("../node_modules/.pnpm/@arco-design_web-react@2.40.1_biqbaboplfbrettd7655fr4n2y/node_modules/@arco-design/web-react/es/Tabs/tabs.js");
const TabPane = tabs.default.TabPane;
function Tabs({
  tabs: tabs$1 = [],
  title,
  changeTab,
  className,
  contentClassName,
  titleClassName,
  ...props
}) {
  const [activeTab, setActiveTab] = React.useState("key-0");
  const tabsData = tabs$1.map((item, index) => ({
    id: `key-${index}`,
    ...item
  }));
  return /* @__PURE__ */ emotionReactJsxRuntime_browser_esm.jsx(React.Fragment, {
    children: /* @__PURE__ */ emotionReactJsxRuntime_browser_esm.jsxs("div", {
      className,
      children: [title && /* @__PURE__ */ emotionReactJsxRuntime_browser_esm.jsx("h2", {
        className: titleClassName || "mb-4 text-lg font-bold",
        children: title
      }), /* @__PURE__ */ emotionReactJsxRuntime_browser_esm.jsx(tabs.default, {
        activeTab,
        onChange: setActiveTab,
        children: tabsData.map((tab, index) => /* @__PURE__ */ emotionReactJsxRuntime_browser_esm.jsx(TabPane, {
          title: tab.title || tab.name,
          ...tab,
          children: tab.content
        }, tab.id))
      })]
    })
  });
}
exports.Tabs = Tabs;
//# sourceMappingURL=Tabs.js.map
