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

FSE UI components library

import { j as e } from "./index.es137.js";
import { LOGOS as r } from "./index.es24.js";
import { clsx as n } from "./index.es139.js";
import { Divider as i } from "./index.es153.js";
import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
import { Col as o } from "./index.es10.js";
import { Row as j } from "./index.es9.js";
const y = ({
  shortTitle: l,
  region: t,
  asLink: c = "a",
  navigatonItems: x
}) => {
  const d = c, p = r.nazionale, h = r[t];
  return /* @__PURE__ */ e.jsxs("nav", { "aria-label": "Menu di navigazione", className: "ui-hpl-menu shadow", children: [
    /* @__PURE__ */ e.jsxs(
      o,
      {
        pt: "x80",
        px: "x40",
        gap: "x16",
        justifyContent: "center",
        className: "position-relative",
        children: [
          /* @__PURE__ */ e.jsxs(j, { gap: "x24", alignItems: "center", justifyContent: "center", children: [
            /* @__PURE__ */ e.jsx(p, { width: 58, height: 58 }),
            /* @__PURE__ */ e.jsx(i, { bg: "border-divider", direction: "vertical" }),
            /* @__PURE__ */ e.jsx(h, { width: 58, height: 58 })
          ] }),
          /* @__PURE__ */ e.jsx("h3", { 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(o, { as: "ul", gap: "x12", className: "list-style-none", role: "list", children: x.map((a, m) => {
      const s = a == null ? void 0 : a.icon;
      return /* @__PURE__ */ e.jsx(
        "li",
        {
          className: n("ui-hpl-list-item", a.active && "active"),
          children: /* @__PURE__ */ e.jsxs(
            d,
            {
              href: a.href,
              "aria-label": `Vai alla pagina ${a.label}`,
              className: n(
                "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: [
                s && /* @__PURE__ */ e.jsx(s, { 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" })
              ]
            }
          )
        },
        m
      );
    }) })
  ] });
};
export {
  y as HeaderPostLogin
};
//# sourceMappingURL=index.es18.js.map