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

FSE UI components library

import { j as e } from "./index.es180.js";
import { LOGOS as i } from "./index.es24.js";
import { clsx as s } from "./index.es182.js";
import { Divider as l } from "./index.es202.js";
import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
import { Col as o } from "./index.es10.js";
import { Row as v } from "./index.es9.js";
const I = ({
  shortTitle: t,
  region: c,
  asLink: x = "a",
  navigationItems: r,
  generalClassName: p,
  navItemsClassName: d
}) => {
  const h = x, m = i.nazionale, j = i[c];
  return /* @__PURE__ */ e.jsxs(
    "nav",
    {
      "aria-label": "Menu di navigazione",
      className: s("ui-hpl-menu", p),
      style: {
        "--navbar-elements": r.length ?? 0
      },
      children: [
        /* @__PURE__ */ e.jsxs(
          o,
          {
            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(l, { bg: "border-divider", direction: "vertical" }),
                /* @__PURE__ */ e.jsx(j, { width: 44, height: 44 })
              ] }),
              /* @__PURE__ */ e.jsx("h3", { className: "fs-custom fw-normal text-slate-20 text-align-center", children: t })
            ]
          }
        ),
        /* @__PURE__ */ e.jsx("div", { className: "p-x40", children: /* @__PURE__ */ e.jsx(l, { bg: "border-divider" }) }),
        /* @__PURE__ */ e.jsx(
          o,
          {
            as: "ul",
            gap: "x12",
            className: s("list-style-none ui-hpl-list", d),
            role: "list",
            children: r.map((a, f) => {
              const n = a == null ? void 0 : a.icon;
              return /* @__PURE__ */ e.jsx(
                "li",
                {
                  className: s("ui-hpl-list-item", a.active && "active"),
                  children: /* @__PURE__ */ e.jsxs(
                    h,
                    {
                      href: a.href,
                      "aria-label": `Vai alla pagina ${a.label}`,
                      className: s(
                        "text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8",
                        a.active ? "fw-bold" : "fw-normal"
                      ),
                      target: a.isNewTab ? "_blank" : void 0,
                      rel: a.isNewTab ? "noopener noreferrer" : void 0,
                      children: [
                        n && /* @__PURE__ */ e.jsx(n, { color: "primary", filled: a.active }),
                        /* @__PURE__ */ e.jsx("span", { className: "ui-hpl-text", children: a.label }),
                        a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
                      ]
                    }
                  )
                },
                f
              );
            })
          }
        )
      ]
    }
  );
};
export {
  I as HeaderPostLogin
};
//# sourceMappingURL=index.es18.js.map