import { jsxs as i, jsx as n } from "react/jsx-runtime";
import { n as m } from "./index.B0wX8xO7.js";
import { a as d } from "./index.CfQlFjZU.js";
import { c } from "./index.CfM2L_w0.js";
const C = "creator_tabbarItemContainer_6VBeU", I = "creator_label_yG-1p", p = "creator_tabbarItemContainer__disabled_kHvF4", u = "creator_icon_bsCfw", N = "creator_icon__disabled_07oqM", T = "creator_selected_TryPu", f = "creator_selected__disabled_MtsZT", a = { tabbarItemContainer: C, label: I, tabbarItemContainer__disabled: p, icon: u, icon__disabled: N, selected: T, selected__disabled: f }, h = ({
  label: t,
  prefixIcon: r,
  isSelected: s,
  disabled: e = !1,
  onClickItem: o
}) => ({
  tabbarItemClassName: c(a.tabbarItemContainer, {
    [a.tabbarItemContainer__disabled]: e,
    [a.selected]: s
  }),
  labelClassName: a.label,
  iconClassName: c(a.icon, {
    [a.icon__disabled]: e
  }),
  prefixIcon: r,
  label: t,
  isSelected: s,
  disabled: e,
  onClickItem: o
}), y = ({
  prefixIcon: t,
  label: r,
  isSelected: s,
  tabbarItemClassName: e,
  labelClassName: o,
  iconClassName: l,
  disabled: b,
  onClickItem: _
}) => /* @__PURE__ */ i(
  "button",
  {
    className: e,
    role: "tab",
    "aria-selected": s,
    disabled: b,
    type: "button",
    onClick: _,
    children: [
      /* @__PURE__ */ n(
        m,
        {
          value: t,
          then: /* @__PURE__ */ n("span", { className: l, children: t })
        }
      ),
      /* @__PURE__ */ n("span", { className: o, children: r })
    ]
  }
), w = d(y, h);
export {
  y as T,
  w as a,
  h as u
};
