import { jsx as a } from "../../../../../preact@10.29.0/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
import s from "classnames";
import { V as f } from "./StoreProvider-CBB99upB.js";
try {
  let e = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {}, r = new e.Error().stack;
  r && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[r] = "59c8a2aa-dc4a-48bf-8bfc-59fb3d88704b", e._sentryDebugIdIdentifier = "sentry-dbid-59c8a2aa-dc4a-48bf-8bfc-59fb3d88704b");
} catch {
}
const b = "adyen-kyc-loader-wrapper-loader", m = "adyen-kyc-loader-wrapper-loader-active", o = {
  loaderWrapperLoader: b,
  loaderWrapperLoaderActive: m
}, w = ({
  children: e,
  status: r,
  formOpacityWhenLoading: l = 0,
  loaderSize: t = "medium",
  showSpinner: n = !0,
  className: i
}) => {
  const p = r === "loading" ? {
    opacity: l
  } : { opacity: 1 }, d = r === "loading" && n, c = s(o.loaderWrapperLoader, {
    [o.loaderWrapperLoaderActive]: d
  }), y = s(o.loaderWrapper, i);
  return /* @__PURE__ */ a("div", { className: y, style: { position: "relative" }, children: [
    d && /* @__PURE__ */ a("div", { className: c, children: /* @__PURE__ */ a(f, { size: t }) }),
    /* @__PURE__ */ a("div", { className: o.loaderWrapperForm, style: p, children: e })
  ] });
};
export {
  w as L
};
