import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Plus } from "@truststack/icons-ui";
import { H4, YStack } from "tamagui";
import { Button } from "./Button.native.js";
import { RenderStage } from "./storybook-utils.native.js";
var Button_stories_default = {
    component: Button
  },
  Render = function (param) {
    var {
      buttonProps = {},
      title,
      loading
    } = param;
    return /* @__PURE__ */_jsxs(RenderStage, {
      children: [/* @__PURE__ */_jsx(H4, {
        children: title
      }), /* @__PURE__ */_jsxs(Button, {
        variant: "elevated",
        ...buttonProps,
        children: [/* @__PURE__ */_jsx(Button.Icon, {
          icon: Plus
        }), /* @__PURE__ */_jsx(Button.Text, {
          children: "Elevated"
        }), loading && /* @__PURE__ */_jsx(Button.Spinner, {})]
      }), /* @__PURE__ */_jsxs(Button, {
        variant: "filled",
        ...buttonProps,
        children: [/* @__PURE__ */_jsx(Button.Text, {
          children: "Filled"
        }), loading && /* @__PURE__ */_jsx(Button.Spinner, {})]
      }), /* @__PURE__ */_jsxs(Button, {
        variant: "tonal",
        ...buttonProps,
        children: [/* @__PURE__ */_jsx(Button.Text, {
          children: "Tonal"
        }), loading && /* @__PURE__ */_jsx(Button.Spinner, {})]
      }), /* @__PURE__ */_jsxs(Button, {
        variant: "outlined",
        ...buttonProps,
        children: [/* @__PURE__ */_jsx(Button.Text, {
          children: "Outlined"
        }), loading && /* @__PURE__ */_jsx(Button.Spinner, {})]
      }), /* @__PURE__ */_jsxs(Button, {
        variant: "text",
        ...buttonProps,
        children: [/* @__PURE__ */_jsx(Button.Text, {
          children: "Text"
        }), loading && /* @__PURE__ */_jsx(Button.Spinner, {})]
      })]
    });
  },
  Variants = function () {
    return /* @__PURE__ */_jsxs(YStack, {
      gap: "$2",
      w: "100%",
      children: [/* @__PURE__ */_jsx(Render, {
        title: "Default"
      }), /* @__PURE__ */_jsx(Render, {
        title: "Disabled",
        buttonProps: {
          disabled: !0
        }
      }), /* @__PURE__ */_jsx(Render, {
        title: "Loading",
        loading: !0
      })]
    });
  };
export { Variants, Button_stories_default as default };
//# sourceMappingURL=Button.stories.native.js.map
