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

FSE UI components library

import { j as e } from "./index.es244.js";
import { LOGOS as t } from "./index.es27.js";
import { clsx as r } from "./index.es246.js";
import { Divider as i } from "./index.es137.js";
import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
import { Col as a } from "./index.es10.js";
import { Row as v } from "./index.es9.js";
const I = ({
  shortTitle: l,
  region: c,
  asLink: x = "a",
  navigationItems: n,
  generalClassName: p,
  navItemsClassName: d
}) => {
  const h = x, m = t.nazionale, j = t[c];
  return /* @__PURE__ */ e.jsxs(
    "nav",
    {
      role: "navigation",
      className: r("ui-hpl-menu", p),
      style: {
        "--navbar-elements": n.length ?? 0
      },
      children: [
        /* @__PURE__ */ e.jsxs(
          a,
          {
            pt: "x80",
            px: "x40",
            gap: "x16",
            justifyContent: "center",
            className: "position-relative",
            children: [
              /* @__PURE__ */ e.jsxs(v, { gap: "x24", alignItems: "center", justifyContent: "center", children: [
                /* @__PURE__ */ e.jsx(m, { width: 27, height: 44 }),
                /* @__PURE__ */ e.jsx(i, { bg: "border-divider", direction: "vertical" }),
                /* @__PURE__ */ e.jsx(j, { width: 44, height: 44 })
              ] }),
              /* @__PURE__ */ e.jsx("h1", { className: "fs-custom fw-normal text-slate-20 text-align-center", children: l })
            ]
          }
        ),
        /* @__PURE__ */ e.jsx("div", { className: "p-x40", children: /* @__PURE__ */ e.jsx(i, { bg: "border-divider" }) }),
        /* @__PURE__ */ e.jsx(
          a,
          {
            as: "ul",
            gap: "x12",
            className: r("list-style-none ui-hpl-list", d),
            role: "list",
            children: n.map((s, f) => {
              const o = s == null ? void 0 : s.icon;
              return /* @__PURE__ */ e.jsx(
                "li",
                {
                  className: r("ui-hpl-list-item", s.active && "active"),
                  children: /* @__PURE__ */ e.jsxs(
                    h,
                    {
                      href: s.href,
                      className: r(
                        "text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8",
                        s.active ? "fw-bold" : "fw-normal"
                      ),
                      target: s.isNewTab ? "_blank" : void 0,
                      rel: s.isNewTab ? "noopener noreferrer" : void 0,
                      children: [
                        o && /* @__PURE__ */ e.jsx(o, { color: "primary", filled: s.active }),
                        /* @__PURE__ */ e.jsx("span", { className: "ui-hpl-text", children: s.label }),
                        s.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
                      ]
                    }
                  )
                },
                f
              );
            })
          }
        )
      ]
    }
  );
};
export {
  I as HeaderPostLogin
};
//# sourceMappingURL=index.es18.js.map