import { jsxs as o, jsx as e } from "react/jsx-runtime";
import { a as x } from "./index.CfQlFjZU.js";
import { l as T } from "./index.C1ZfizMq.js";
import { a as B } from "./message.CHKnnsjy.js";
import { P as b } from "./PageHeader.BwFpx_pz.js";
import { S as m, M as v } from "./shared.EdGf6tcG.js";
import "react";
import { B as c, a as u } from "./Button.CpTwUWVr.js";
import { O as C } from "./Onboarding.BDRBUM0D.js";
import { c as _ } from "./index.CfM2L_w0.js";
import { T as I } from "./Typography.a1p6WNM8.js";
const P = "creator_labelText_88oyx", k = "creator_small_3Wnlg", w = "creator_inlineButton_1rg-g", O = "creator_signinContainer_mwZAJ", t = { labelText: P, small: k, inlineButton: w, signinContainer: O };
function A({
  options: i,
  talentTermsLink: n,
  privacyPolicyLink: a,
  signinUrl: s,
  trialDays: r
}) {
  return {
    options: i,
    labelTextClassName: t.labelText,
    smallLabelTextClassName: _(t.labelText, {
      [t.small]: !0
    }),
    talentTermsLink: n,
    privacyPolicyLink: a,
    signinUrl: s,
    inlineButtonClassName: t.inlineButton,
    signinContainerClassName: t.signinContainer,
    trialDays: r
  };
}
function M({
  options: i,
  labelTextClassName: n,
  smallLabelTextClassName: a,
  talentTermsLink: s,
  privacyPolicyLink: r,
  signinUrl: d,
  signinContainerClassName: p,
  inlineButtonClassName: g,
  trialDays: l
}) {
  const f = l < 1 ? "Sign up for a free trial" : `Sign up for a free ${l} day trial`;
  return /* @__PURE__ */ o(C, { children: [
    /* @__PURE__ */ e(b, { title: f, height: "auto" }),
    /* @__PURE__ */ e("div", { className: n, children: "No credit card details required" }),
    /* @__PURE__ */ e(
      T,
      {
        values: i,
        layout: ({ icon: h, label: y, onClick: N, semantic: S = m.SECONDARY }) => /* @__PURE__ */ e(
          c,
          {
            label: y,
            size: "full",
            type: u.SUBMIT,
            prefixIcon: h,
            onClick: N,
            semantic: S
          }
        )
      }
    ),
    /* @__PURE__ */ o("div", { className: p, children: [
      /* @__PURE__ */ e(I, { variant: "body", size: "medium", children: "Already have an account?" }),
      /* @__PURE__ */ e(
        c,
        {
          label: "Sign In",
          size: "small",
          className: g,
          type: u.LINK,
          semantic: m.SECONDARY,
          href: d
        }
      )
    ] }),
    /* @__PURE__ */ o("div", { className: a, children: [
      "By signing up, you agree to Komi’s",
      " ",
      /* @__PURE__ */ e(
        "a",
        {
          href: s,
          className: a,
          "data-testid": "talent-terms-link",
          children: "Talent Terms"
        }
      ),
      " ",
      "and acknowledge Komi’s",
      " ",
      /* @__PURE__ */ e(
        "a",
        {
          href: r,
          className: a,
          "data-testid": "privacy-policy-link",
          children: "Privacy Policy"
        }
      ),
      "."
    ] }),
    /* @__PURE__ */ e(
      B,
      {
        semantic: v.INFO,
        text: "Need to talk? Get in touch with us at support@komi.io",
        showIcon: !0,
        dismissible: !1
      }
    )
  ] });
}
const J = x(M, A);
export {
  J as S
};
