;
{
  try {
    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c4f86e43-759a-4c7d-aeee-49e72692959d", e._sentryDebugIdIdentifier = "sentry-dbid-c4f86e43-759a-4c7d-aeee-49e72692959d");
  } catch (e) {
  }
}
;
import { jsxs, jsx } from "preact/jsx-runtime";
import { z as Typography } from "./StoreProvider-CqQrndhS.js";
import { S as StackLayout } from "./unincorporated-partnership-MeN1dp53.js";
const landingLayoutImage = "adyen-kyc-landing-layout-image";
const landingLayoutActions = "adyen-kyc-landing-layout-actions";
const landingLayoutErrors = "adyen-kyc-landing-layout-errors";
const landingLayoutDisclaimer = "adyen-kyc-landing-layout-disclaimer";
const landingLayoutCenter = "adyen-kyc-landing-layout-center";
const styles = {
  landingLayoutImage,
  landingLayoutActions,
  landingLayoutErrors,
  landingLayoutDisclaimer,
  landingLayoutCenter
};
const LandingLayout = ({
  actions,
  content,
  description,
  error,
  disclaimer,
  helpAction,
  media,
  title
}) => {
  return /* @__PURE__ */ jsxs(StackLayout, { gap: "large", align: "center", children: [
    media && /* @__PURE__ */ jsx("div", { role: "region", className: styles.landingLayoutImage, children: media }),
    error && /* @__PURE__ */ jsx("div", { className: styles.landingLayoutErrors, children: error }),
    /* @__PURE__ */ jsxs(StackLayout, { gap: "small", children: [
      /* @__PURE__ */ jsx(Typography, { el: "h2", className: styles.landingLayoutCenter, variant: "title-l", children: title }),
      description && /* @__PURE__ */ jsx(Typography, { className: styles.landingLayoutCenter, variant: "body", color: "primary", children: description }),
      helpAction
    ] }),
    content,
    /* @__PURE__ */ jsx("div", { className: styles.landingLayoutActions, children: /* @__PURE__ */ jsxs(StackLayout, { gap: "small", children: [
      actions,
      disclaimer && /* @__PURE__ */ jsx(
        Typography,
        {
          variant: "caption",
          color: "tertiary",
          className: styles.landingLayoutDisclaimer,
          children: disclaimer
        }
      )
    ] }) })
  ] });
};
export {
  LandingLayout as L
};
