import { memo, createElement } from "react";
import { Layout, Box, Heading, Stack, Spacer } from "@contember/ui";
const MiscPageLayout = memo(({ footerActions, heading, children, ...props }) => /* @__PURE__ */ createElement(Layout, null, /* @__PURE__ */ createElement("div", {
  className: "centerCard"
}, /* @__PURE__ */ createElement("div", {
  className: "centerCard-in"
}, /* @__PURE__ */ createElement(Box, {
  gap: "large",
  heading: heading && (typeof heading === "string" ? /* @__PURE__ */ createElement(Heading, {
    depth: 1,
    size: "small"
  }, heading) : heading),
  ...props
}, /* @__PURE__ */ createElement(Stack, {
  direction: "vertical",
  gap: "large"
}, children)), footerActions && /* @__PURE__ */ createElement("div", {
  style: { position: "sticky", bottom: 0 }
}, /* @__PURE__ */ createElement(Spacer, {
  gap: "large"
}), /* @__PURE__ */ createElement(Stack, {
  direction: "horizontal"
}, footerActions))))));
MiscPageLayout.displayName = "MiscPageLayout";
export { MiscPageLayout };
//# sourceMappingURL=MiscPageLayout.js.map
