import { Plus } from "@truststack/icons-ui";
import { H4, YStack } from "tamagui";
import { Button } from "./Button.mjs";
import { RenderStage } from "./storybook-utils.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
var Button_stories_default = {
  component: Button
};
const Render = ({
    buttonProps = {},
    title,
    loading
  }) => /* @__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 = () => /* @__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.mjs.map
