import { jsxs as t, jsx as e } from "react/jsx-runtime";
import { a as N } from "./index.CfQlFjZU.js";
import { B as _ } from "./Button.CpTwUWVr.js";
import { S as g } from "./shared.EdGf6tcG.js";
import { K as h } from "./KomiLogo.9dfrQwDb.js";
const C = "creator_loginContainer_DyUwI", p = "creator_logo_OHl1B", u = "creator_body_ak6Jn", y = "creator_content_jP-gb", b = "creator_header_2lSSo", v = "creator_info_567ns", o = { loginContainer: C, logo: p, body: u, content: y, header: b, info: v };
function L({
  heading: n,
  body: a,
  buttonLabel: s,
  buttonProps: r
}) {
  return {
    containerClassName: o.loginContainer,
    bodyClassName: o.body,
    headerClassName: o.header,
    infoClassName: o.info,
    contentClassName: o.content,
    logoClassName: o.logo,
    heading: n,
    body: a,
    buttonLabel: s,
    buttonProps: r
  };
}
function S({
  heading: n,
  body: a,
  containerClassName: s,
  logoClassName: r,
  contentClassName: i,
  bodyClassName: c,
  headerClassName: l,
  infoClassName: m,
  buttonLabel: d,
  buttonProps: f
}) {
  return /* @__PURE__ */ t("div", { className: s, children: [
    /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e(h, { color: "primary", size: "small" }) }),
    /* @__PURE__ */ t("div", { className: c, children: [
      /* @__PURE__ */ t("div", { className: i, children: [
        /* @__PURE__ */ e("div", { className: l, children: n }),
        /* @__PURE__ */ e("div", { className: m, children: a })
      ] }),
      /* @__PURE__ */ e(
        _,
        {
          label: d,
          semantic: g.PRIMARY,
          size: "full",
          ...f
        }
      )
    ] })
  ] });
}
const I = N(S, L);
export {
  I as L
};
