import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Heart } from "@truststack/icons-ui";
import { YStack } from "tamagui";
import { IconButton } from "./IconButton.native.js";
import { RenderStage } from "./storybook-utils.native.js";
var IconButton_stories_default = {
    component: IconButton
  },
  Variants = function () {
    return /* @__PURE__ */_jsx(YStack, {
      gap: "$6",
      children: /* @__PURE__ */_jsxs(RenderStage, {
        children: [/* @__PURE__ */_jsx(IconButton, {
          variant: "filled",
          children: /* @__PURE__ */_jsx(IconButton.Icon, {
            icon: Heart
          })
        }), /* @__PURE__ */_jsx(IconButton, {
          variant: "filled-tonal",
          children: /* @__PURE__ */_jsx(IconButton.Icon, {
            icon: Heart
          })
        }), /* @__PURE__ */_jsx(IconButton, {
          variant: "outlined",
          children: /* @__PURE__ */_jsx(IconButton.Icon, {
            icon: Heart
          })
        }), /* @__PURE__ */_jsx(IconButton, {
          variant: "standard",
          children: /* @__PURE__ */_jsx(IconButton.Icon, {
            icon: Heart
          })
        })]
      })
    });
  };
export { Variants, IconButton_stories_default as default };
//# sourceMappingURL=IconButton.stories.native.js.map
