import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { H4, XStack } from "tamagui";
import { PlatformProvider } from "./PlatformContext.native.js";
function RenderStage(param) {
  var {
    children,
    ...props
  } = param;
  return /* @__PURE__ */_jsx(XStack, {
    bc: "$background",
    h: "$12",
    m: "auto",
    jc: "center",
    ai: "center",
    gap: "$6",
    style: {
      width: "100vw",
      maxWidth: "100vw"
    },
    ...props,
    children
  });
}
function RenderVariants(param) {
  var {
    title,
    children
  } = param;
  return /* @__PURE__ */_jsxs(_Fragment, {
    children: [/* @__PURE__ */_jsx(H4, {
      children: title
    }), children]
  });
}
var PlatformDecorator = function (platform) {
  return function (Story) {
    return /* @__PURE__ */_jsx(PlatformProvider, {
      platform,
      children: /* @__PURE__ */_jsx(Story, {})
    });
  };
};
export { PlatformDecorator, RenderStage, RenderVariants };
//# sourceMappingURL=storybook-utils.native.js.map
