import { jsx as s } from "react/jsx-runtime";
import { a as b } from "./index.CfQlFjZU.js";
import { a as c } from "./TabBarItem.3R4ZRaON.js";
const i = "creator_tabbarContainer_lLuaH", m = { tabbarContainer: i }, l = ({
  tabs: a,
  selectedTab: r,
  onChangeSelectedTab: t
}) => ({
  containerClassName: m.tabbarContainer,
  tabs: a,
  selectedTab: r,
  onChangeSelectedTab: t
}), p = ({
  tabs: a,
  containerClassName: r,
  selectedTab: t,
  onChangeSelectedTab: e
}) => /* @__PURE__ */ s("div", { className: r, role: "tablist", children: a.map((n, o) => /* @__PURE__ */ s(
  c,
  {
    ...n,
    isSelected: o === t,
    onClickItem: () => e(o)
  },
  o
)) }), B = b(p, l);
export {
  p as T,
  B as a,
  l as u
};
