import { Layout, Box, Heading, Stack, Spacer } from "@contember/ui";
import { memo } from "react";
import { jsxDEV } from "react/jsx-dev-runtime";
var _jsxFileName = "/__w/interface/interface/packages/admin/src/components/MiscPageLayout.tsx";
const MiscPageLayout = memo(({
  footerActions,
  heading,
  children,
  ...props
}) => /* @__PURE__ */ jsxDEV(Layout, {
  children: /* @__PURE__ */ jsxDEV("div", {
    className: "centerCard",
    children: /* @__PURE__ */ jsxDEV("div", {
      className: "centerCard-in",
      children: [/* @__PURE__ */ jsxDEV(Box, {
        gap: "large",
        heading: heading && (typeof heading === "string" ? /* @__PURE__ */ jsxDEV(Heading, {
          depth: 1,
          size: "small",
          children: heading
        }, void 0, false, {
          fileName: _jsxFileName,
          lineNumber: 15,
          columnNumber: 9
        }, void 0) : heading),
        ...props,
        children: /* @__PURE__ */ jsxDEV(Stack, {
          direction: "vertical",
          gap: "large",
          children
        }, void 0, false, {
          fileName: _jsxFileName,
          lineNumber: 20,
          columnNumber: 6
        }, void 0)
      }, void 0, false, {
        fileName: _jsxFileName,
        lineNumber: 12,
        columnNumber: 5
      }, void 0), footerActions && /* @__PURE__ */ jsxDEV("div", {
        style: {
          position: "sticky",
          bottom: 0
        },
        children: [/* @__PURE__ */ jsxDEV(Spacer, {
          gap: "large"
        }, void 0, false, {
          fileName: _jsxFileName,
          lineNumber: 25,
          columnNumber: 6
        }, void 0), /* @__PURE__ */ jsxDEV(Stack, {
          direction: "horizontal",
          children: footerActions
        }, void 0, false, {
          fileName: _jsxFileName,
          lineNumber: 26,
          columnNumber: 6
        }, void 0)]
      }, void 0, true, {
        fileName: _jsxFileName,
        lineNumber: 24,
        columnNumber: 23
      }, void 0)]
    }, void 0, true, {
      fileName: _jsxFileName,
      lineNumber: 11,
      columnNumber: 4
    }, void 0)
  }, void 0, false, {
    fileName: _jsxFileName,
    lineNumber: 10,
    columnNumber: 3
  }, void 0)
}, void 0, false, {
  fileName: _jsxFileName,
  lineNumber: 9,
  columnNumber: 2
}, void 0));
MiscPageLayout.displayName = "MiscPageLayout";
export {
  MiscPageLayout
};
//# sourceMappingURL=MiscPageLayout.js.map
