import { jsxs as o, jsx as e } from "react/jsx-runtime";
import "../constants/chains.js";
import "ethers";
import "../logger.js";
import { cn as s } from "../utils/cn.js";
import { I as x } from "../config-D-Ik_SSx.js";
const v = ({
  children: c,
  HeaderComponent: t,
  FooterComponent: m,
  isFullPage: l,
  className: r
}) => {
  const i = x(), n = i?.stylePreset === "bold" ? "bg-sw-accent-950" : "bg-sw-gray-950", a = /* @__PURE__ */ o(
    "div",
    {
      style: {
        transform: l ? "translateY(15dvh)" : "none"
      },
      className: s(
        "w-full h-fit flex flex-col justify-center items-center relative",
        r
      ),
      children: [
        t && /* @__PURE__ */ e("div", { className: "w-full mb-sw-2xl", children: t }),
        c,
        m && /* @__PURE__ */ e(
          "div",
          {
            className: s("flex flex-col gap-3 items-center w-full mt-sw-2xl", {
              "mb-sw-2xl": l
            }),
            children: m
          }
        )
      ]
    }
  );
  return l ? /* @__PURE__ */ e(
    "div",
    {
      className: s(
        "sm:h-full min-h-screen sm:max-h-screen sm:overflow-auto w-full min-w-full px-sw-lg py-sw-xl sm:py-auto mx-auto flex justify-center sm:fixed sm:top-0 sm:left-0 sm:right-0",
        n,
        r
      ),
      children: /* @__PURE__ */ e("div", { className: "w-full h-fit max-w-[456px] min-w-[270px]", children: a })
    }
  ) : /* @__PURE__ */ e(
    "div",
    {
      className: s(
        "relative w-auto mx-auto",
        i?.showContainer ? s(
          "max-w-[496px] sm:w-[496px] p-csw-2xl rounded-sw-lg",
          n
        ) : "max-w-[456px] sm:w-[456px]"
      ),
      children: a
    }
  );
};
export {
  v as WidgetContainer
};
//# sourceMappingURL=WidgetContainer.js.map
