import { ChevronLeft } from "@truststack/icons-ui";
import { YStack } from "tamagui";
import { Fab } from "./Fab";
import { RenderStage } from "./storybook-utils";
import { jsx, jsxs } from "react/jsx-runtime";
var Fab_stories_default = {
  component: Fab
};
const Variants = () => /* @__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.js.map
