import { H4, XStack } from "tamagui";
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]
  });
}
export { RenderStage, RenderVariants };
//# sourceMappingURL=storybook-utils.mjs.map
