"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("react/jsx-runtime");
const ui = require("@contember/ui");
const react = require("react");
const MiscPageLayout = react.memo(({ footerActions, heading, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(ui.Layout, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "centerCard", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "centerCard-in", children: [
  /* @__PURE__ */ jsxRuntime.jsx(
    ui.Box,
    {
      gap: "large",
      label: heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { depth: 1, size: "small", children: heading }) : heading),
      ...props,
      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { gap: "large", children })
    }
  ),
  footerActions && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "sticky", bottom: 0 }, children: [
    /* @__PURE__ */ jsxRuntime.jsx(ui.Spacer, { gap: "large" }),
    /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { horizontal: true, children: footerActions })
  ] })
] }) }) }));
MiscPageLayout.displayName = "MiscPageLayout";
exports.MiscPageLayout = MiscPageLayout;
//# sourceMappingURL=MiscPageLayout.cjs.map
