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

FSE UI components library

import { j as i } from "./index.es278.js";
import { Section as s } from "./index.es229.js";
import './sections/Login/Login.css';/* empty css            */
import { EntryButton as x } from "./index.es125.js";
import { Col as o } from "./index.es82.js";
const b = ({
  title: l,
  description: e,
  loginTitle: n,
  loginDescription: r,
  buttonLabel: t,
  buttonAriaLabel: a,
  buttonHref: c,
  asImage: m = "img",
  authSrc: d = ""
}) => {
  const h = 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: l }),
      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("h1", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: n }),
        /* @__PURE__ */ i.jsx(s.Description, { children: r }),
        /* @__PURE__ */ i.jsx(
          x,
          {
            ariaLabel: a,
            href: c,
            children: t
          }
        )
      ] }),
      /* @__PURE__ */ i.jsx("div", { className: "ui-login-body-img h-full", children: /* @__PURE__ */ i.jsx(
        h,
        {
          src: d,
          alt: "",
          "aria-hidden": "true",
          width: 246,
          height: 746
        }
      ) })
    ] })
  ] });
};
export {
  b as Login
};
//# sourceMappingURL=index.es184.js.map