@anoki/fse-ui/dist/index.es20.js

FSE UI components library

import { j as s } from "./index.es244.js";
import { clsx as r } from "./index.es246.js";
import './components/navigations/TabBar/TabBar.css';/* empty css            */
import { Row as i } from "./index.es9.js";
const p = ({
  navigatonItems: l,
  asLink: n = "a",
  className: e
}) => {
  const c = n;
  return /* @__PURE__ */ s.jsx("nav", { className: r("bg-white ui-tab-bar shadow", e), children: /* @__PURE__ */ s.jsx(i, { as: "ul", className: "list-style-none ui-tab-bar-list", role: "list", children: l.map((a, t) => {
    const o = a == null ? void 0 : a.icon;
    return /* @__PURE__ */ s.jsx("li", { className: "ui-tab-bar-item", children: /* @__PURE__ */ s.jsxs(
      c,
      {
        href: a.href,
        className: r(
          "text-decoration-none text-secondary fs-8 fw-bold",
          a.active && "active"
        ),
        children: [
          o && /* @__PURE__ */ s.jsx(
            o,
            {
              color: a.active ? "primary" : "secondary",
              filled: !!a.active
            }
          ),
          a.shortLabel ? a.shortLabel : a.label,
          a.active && /* @__PURE__ */ s.jsx("span", { className: "visually-hidden", children: "Attivo" })
        ]
      }
    ) }, t);
  }) }) });
};
export {
  p as TabBar
};
//# sourceMappingURL=index.es20.js.map