import { jsxs as f, jsx as p } from "react/jsx-runtime";
import { useState as T } from "react";
import H from "../../utils/classNames.js";
const $ = (o) => {
  const {
    tabKey: s,
    title: i,
    isActive: a,
    isFirstTab: l,
    isLastTab: m,
    onSelectTab: c,
    tabFirstChildClassName: n,
    tabLastChildClassName: b,
    tabClassName: N,
    tabHoverClassName: C,
    tabActiveClassName: v,
    arrowClassName: d,
    className: e
  } = o, [t, r] = T(!1), u = H(
    "DataTab",
    "tab",
    l && n,
    m && b,
    !t && !a && N,
    t && !a && C,
    a && `active ${v}`,
    !a && "cursor-pointer",
    e && e
  );
  return /* @__PURE__ */ f(
    "li",
    {
      className: u,
      onClick: c,
      "data-tabkey": s,
      onMouseEnter: () => r(!0),
      onMouseLeave: () => r(!1),
      children: [
        i,
        /* @__PURE__ */ p("div", { className: `arrow ${d} ${a ? "in" : ""}` })
      ]
    },
    s
  );
};
export {
  $ as default
};
//# sourceMappingURL=DataTabHeader.js.map
