import { H4, XStack } from "tamagui";
import { PlatformProvider } from "./PlatformContext";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
function RenderStage({
  children,
  ...props
}) {
  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({
  title,
  children
}) {
  return /* @__PURE__ */ jsxs(Fragment, { children: [
    /* @__PURE__ */ jsx(H4, { children: title }),
    children
  ] });
}
const PlatformDecorator = (platform) => (Story) => /* @__PURE__ */ jsx(PlatformProvider, { platform, children: /* @__PURE__ */ jsx(Story, {}) });
export {
  PlatformDecorator,
  RenderStage,
  RenderVariants
};
//# sourceMappingURL=storybook-utils.js.map
