import { XStack, YStack } from "tamagui";
import { Divider } from "./Divider";
import { jsx, jsxs } from "react/jsx-runtime";
function ScreenLayout({
  header,
  children
}) {
  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.js.map
