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

FSE UI components library

import { j as i } from "./index.es137.js";
import { Section as s } from "./index.es46.js";
import './sections/Login/Login.css';/* empty css            */
import { EntryButton as g } from "./index.es36.js";
import { Col as o } from "./index.es10.js";
const N = ({
  title: r,
  description: e,
  loginTitle: l,
  loginDescription: n,
  buttonLabel: t,
  buttonAriaLabel: c,
  buttonHref: a,
  asImage: m = "img",
  region: d = "marche",
  authSrc: h = ""
}) => {
  const x = m;
  return /* @__PURE__ */ i.jsxs(s, { className: "base-col ui-login-section", children: [
    /* @__PURE__ */ i.jsxs(o, { className: "ui-login-content", children: [
      /* @__PURE__ */ i.jsx(s.Title, { fs: "1", className: "md-fs-0 ui-login-title", mdFs: "0", children: r }),
      e && /* @__PURE__ */ i.jsx(s.Description, { className: "ui-login-description", children: e })
    ] }),
    /* @__PURE__ */ i.jsxs("div", { className: "bg-white shadow br-x4 ui-login-body ", children: [
      /* @__PURE__ */ i.jsxs(o, { gap: "x16", children: [
        /* @__PURE__ */ i.jsx("h3", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: l }),
        /* @__PURE__ */ i.jsx(s.Description, { children: n }),
        /* @__PURE__ */ i.jsx(
          g,
          {
            showIcon: d === "marche",
            ariaLabel: c,
            href: a,
            children: t
          }
        )
      ] }),
      /* @__PURE__ */ i.jsx("div", { className: "ui-login-body-img h-full", children: /* @__PURE__ */ i.jsx(
        x,
        {
          src: h,
          alt: "",
          "aria-hidden": "true",
          width: 246,
          height: 746
        }
      ) })
    ] })
  ] });
};
export {
  N as Login
};
//# sourceMappingURL=index.es71.js.map