import { jsx as s, jsxs as R } from "react/jsx-runtime";
import { a as l } from "./index.CfQlFjZU.js";
import { a as i, M as L } from "./modal.BZAvb1Nx.js";
import { S as N } from "./shared.EdGf6tcG.js";
import "react";
import { S as K } from "./SafeHTML.DFFoPs39.js";
import { n } from "./index.B0wX8xO7.js";
const c = "data:image/jpeg;base64,[encoded data, 275036 characters]", p = {
  title: "Try KOMI 14 days free",
  body: {
    header: "Join the world’s top creators on KOMI",
    image: c,
    paragraph: `
        <p>
            KOMI is the ultimate mini-site for creators who care about their brand. 
            Upgrade your link-in-bio today with our 14-day free trial.
        </p>
        <ul>
            <li>Customizable design and layout</li>
            <li>Automatically updates with your latest content</li>
            <li>Turn clicks into sales, streams or downloads</li>
        </ul>
        <span>
            By signing up, you agree to Komi’s Talent Terms and acknowledge Komi’s
            Privacy Policy.
        </em>
        `
  },
  buttons: {
    primary: {
      label: "Sign Up Today",
      url: "https://komi.io/signup"
    },
    secondary: {
      label: "Learn More",
      url: "https://komi.io/marketing/mini-site-pbk"
    }
  }
}, x = "creator_container_520dw", y = "creator_heading_35XzH", z = "creator_headerImage_xPx2r", W = { container: x, heading: y, headerImage: z }, F = ({
  onClose: U,
  onSignUp: O,
  onLearnMore: V,
  content: q
}) => ({
  onClose: U,
  containerClassName: W.container,
  headerImageClassName: W.headerImage,
  headingClassName: W.heading,
  content: q ?? p,
  buttons: [
    {
      label: q?.buttons?.primary?.label ?? "Sign Up Today",
      semantic: N.PRIMARY,
      onClick: O
    },
    {
      label: q?.buttons?.secondary?.label ?? "Learn more",
      semantic: N.TERTIARY,
      onClick: V
    }
  ]
}), Z = ({
  onClose: U,
  buttons: O,
  containerClassName: V,
  headerImageClassName: q,
  headingClassName: j,
  content: A
}) => /* @__PURE__ */ s(
  i,
  {
    isOpen: !0,
    heading: A?.title,
    onDismiss: U,
    type: L.ADVANCED,
    buttons: O,
    children: /* @__PURE__ */ R("div", { className: V, children: [
      /* @__PURE__ */ s(
        n,
        {
          value: A?.body?.image,
          then: /* @__PURE__ */ s(
            "img",
            {
              src: A?.body?.image,
              className: q,
              alt: "Trial image"
            }
          )
        }
      ),
      /* @__PURE__ */ s(
        n,
        {
          value: A?.body?.header,
          then: /* @__PURE__ */ s("div", { className: j, children: A?.body?.header })
        }
      ),
      /* @__PURE__ */ s(
        n,
        {
          value: A?.body?.paragraph,
          then: /* @__PURE__ */ s(K, { html: A?.body?.paragraph })
        }
      )
    ] })
  }
), o = l(Z, F);
export {
  o as P
};
