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

FSE UI components library

import { j as i } from "./index.es278.js";
import { clsx as h } from "./index.es280.js";
import './components/ui/LoginBanner/LoginBanner.css';/* empty css            */
import { EntryButton as m } from "./index.es125.js";
const u = ({
  title: n,
  description: a,
  entries: l,
  rightDescription: e,
  rightContent: r,
  className: o,
  entryButtonAsLink: c = "a"
}) => /* @__PURE__ */ i.jsxs("div", { className: h("ui-login-banner bg-white shadow br-x4", o), children: [
  /* @__PURE__ */ i.jsxs("div", { className: "ui-login-banner-left", children: [
    /* @__PURE__ */ i.jsxs("div", { className: "ui-login-banner-text", children: [
      /* @__PURE__ */ i.jsx("h2", { className: "fw-semibold fs-4 text-slate-20", children: n }),
      a && /* @__PURE__ */ i.jsx("p", { className: "fs-6 text-slate-28", children: a })
    ] }),
    /* @__PURE__ */ i.jsx("div", { className: "ui-login-banner-buttons", children: l.map((s, d) => /* @__PURE__ */ i.jsx(
      m,
      {
        href: s.href,
        ariaLabel: s.ariaLabel ?? "Accedi",
        showIcon: s.showIcon,
        icon: s.icon,
        asLink: s.asLink ?? c,
        children: s.label
      },
      `${s.href}-${d}`
    )) })
  ] }),
  /* @__PURE__ */ i.jsx("div", { className: "ui-login-banner-divider", "aria-hidden": "true" }),
  /* @__PURE__ */ i.jsxs("div", { className: "ui-login-banner-right", children: [
    e && /* @__PURE__ */ i.jsx("p", { className: "ui-login-banner-right-description", children: e }),
    r
  ] })
] });
export {
  u as LoginBanner
};
//# sourceMappingURL=index.es185.js.map