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

FSE UI components library

import { j as e } from "./index.es244.js";
import { Container as m } from "./index.es6.js";
import { LOGOS as n } from "./index.es27.js";
import { Divider as l } from "./index.es137.js";
import { clsx as x } from "./index.es246.js";
import { Row as d } from "./index.es9.js";
const b = ({
  asLink: i = "a",
  shortTitle: t,
  region: r = "marche",
  className: o
}) => {
  const s = i, a = n.nazionale, c = n[r];
  return /* @__PURE__ */ e.jsx("div", { className: "bg-white", children: /* @__PURE__ */ e.jsxs(
    m,
    {
      className: x("min-h-x48 base-row align-items-center", o),
      display: "flex",
      alignItems: "center",
      gap: "x16",
      py: "x8",
      children: [
        /* @__PURE__ */ e.jsxs(d, { alignItems: "center", gap: "x8", children: [
          /* @__PURE__ */ e.jsx(a, { width: 28, height: 28 }),
          r !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
            /* @__PURE__ */ e.jsx(l, { direction: "vertical", bg: "border-divider" }),
            /* @__PURE__ */ e.jsx(c, { width: 28, height: 28 })
          ] })
        ] }),
        /* @__PURE__ */ e.jsx(
          s,
          {
            href: "/",
            className: "fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline",
            children: t
          }
        )
      ]
    }
  ) });
};
export {
  b as HeaderTopBanner
};
//# sourceMappingURL=index.es21.js.map