@anoki/fse-ui
Version:
FSE UI components library
90 lines (89 loc) • 3.18 kB
JavaScript
import { j as a } from "./index.es278.js";
import './components/ui/TabsGlossaryV2/TabsGlossaryV2.css';/* empty css */
import { clsx as i } from "./index.es280.js";
import c from "react";
import { Row as b } from "./index.es219.js";
import { Loader as m } from "./index.es183.js";
const h = ({
CTA: n = "link",
navigationItems: r,
children: o,
activeIndex: l = 0,
onTabChange: d,
actions: t = []
}) => /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsxs("div", { className: "ui-document-container-tabs-v2", children: [
/* @__PURE__ */ a.jsx(
"nav",
{
className: "ui-document-container-tabs-nav-new-v2",
"aria-label": "Menu di navigazione",
children: /* @__PURE__ */ a.jsx(
b,
{
fw: "semibold",
text: "secondary",
className: "ui-document-container-tabs-nav-v2 list-style-none ui-tabs-v2",
as: "ul",
role: "tablist",
children: r.map((e, s) => /* @__PURE__ */ a.jsx(
"li",
{
className: i(
"ui-document-container-tabs-nav-responsive-flex-v2 ui-text-center-col-v2 fs-6 md-fs-custom",
e.disabled && "text-muted",
"ui-tab-v2",
l === s && "text-primary ui-active-tab-glossary-v2"
),
role: "presentation",
children: /* @__PURE__ */ a.jsx(
"button",
{
type: "button",
role: "tab",
"aria-selected": l === s,
"aria-disabled": e.disabled,
tabIndex: e.disabled ? -1 : 0,
className: i(
"ui-tab-button-v2 text-decoration-none",
!e.disabled && "cursor-pointer"
),
disabled: e.disabled,
onClick: () => {
e.disabled || d(s);
},
children: e.label
}
)
},
s
))
}
)
}
),
o,
n === "link" && /* @__PURE__ */ a.jsx("nav", { className: "ui-document-container-tabs-nav-new-v2", children: /* @__PURE__ */ a.jsx("ul", { className: "list-style-none base-row gap-x20 fw-semibold text-primary fs-7 pb-x8", children: t.map((e, s) => /* @__PURE__ */ a.jsxs(c.Fragment, { children: [
/* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsxs(
"button",
{
type: "button",
className: i(
"ui-tab-action-v2 text-primary base-row justify-content-center align-items-center gap-x8",
!e.loading && "cursor-pointer"
),
disabled: e.loading,
onClick: e.onClick,
children: [
e.icon,
/* @__PURE__ */ a.jsx("p", { children: e.label }),
e.loading && /* @__PURE__ */ a.jsx(m, { loading: e.loading })
]
}
) }),
s < t.length - 1 && /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx("span", { className: "ui-divider-v2" }) })
] }, s)) }) })
] }) });
export {
h as TabsGlossaryV2
};
//# sourceMappingURL=index.es256.js.map