var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
    for (var name in all) __defProp(target, name, {
      get: all[name],
      enumerable: !0
    });
  },
  __copyProps = (to, from, except, desc) => {
    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
      get: () => from[key],
      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
    });
    return to;
  };
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
  value: !0
}), mod);
var storybook_utils_exports = {};
__export(storybook_utils_exports, {
  PlatformDecorator: () => PlatformDecorator,
  RenderStage: () => RenderStage,
  RenderVariants: () => RenderVariants
});
module.exports = __toCommonJS(storybook_utils_exports);
var import_tamagui = require("tamagui"),
  import_PlatformContext = require("./PlatformContext.cjs"),
  import_jsx_runtime = require("react/jsx-runtime");
function RenderStage({
  children,
  ...props
}) {
  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H4, {
      children: title
    }), children]
  });
}
const PlatformDecorator = platform => Story => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_PlatformContext.PlatformProvider, {
  platform,
  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Story, {})
});