import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { XStack, YStack } from "tamagui";
import { Divider } from "./Divider.native.js";
function ScreenLayout(param) {
  var {
    header,
    children
  } = param;
  return /* @__PURE__ */_jsx(XStack, {
    justifyContent: "center",
    marginRight: 24,
    children: /* @__PURE__ */_jsxs(YStack, {
      borderRadius: "$shape.corner_m",
      overflow: "hidden",
      backgroundColor: "$surfaceContainerLowest",
      maxWidth: 1200,
      width: "100%",
      marginTop: 24,
      children: [header && /* @__PURE__ */_jsxs(YStack, {
        children: [header, " ", /* @__PURE__ */_jsx(Divider, {})]
      }), children]
    })
  });
}
export { ScreenLayout };
//# sourceMappingURL=ScreenLayout.native.js.map
