import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ChevronLeft } from "@truststack/icons-ui";
import { YStack } from "tamagui";
import { Fab } from "./Fab.native.js";
import { RenderStage } from "./storybook-utils.native.js";
var Fab_stories_default = {
    component: Fab
  },
  Variants = function () {
    return /* @__PURE__ */_jsx(YStack, {
      gap: "$4",
      children: /* @__PURE__ */_jsxs(RenderStage, {
        children: [/* @__PURE__ */_jsx(Fab, {
          children: /* @__PURE__ */_jsx(Fab.Icon, {
            icon: ChevronLeft
          })
        }), /* @__PURE__ */_jsx(Fab, {
          variant: "secondary",
          children: /* @__PURE__ */_jsx(Fab.Icon, {
            icon: ChevronLeft
          })
        }), /* @__PURE__ */_jsx(Fab, {
          variant: "surface",
          children: /* @__PURE__ */_jsx(Fab.Icon, {
            icon: ChevronLeft
          })
        })]
      })
    });
  };
export { Variants, Fab_stories_default as default };
//# sourceMappingURL=Fab.stories.native.js.map
