import { Button } from "./Button.mjs";
import { Tooltip } from "./Tooltip.mjs";
import { RenderStage } from "./storybook-utils.mjs";
import { Body } from "./typography.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
var Tooltip_stories_default = {
  component: Tooltip
};
const Variants = () => /* @__PURE__ */jsxs(RenderStage, {
  gap: 100,
  children: [/* @__PURE__ */jsxs(Tooltip, {
    children: [/* @__PURE__ */jsx(Tooltip.Trigger, {
      asChild: !0,
      children: /* @__PURE__ */jsx(Body, {
        children: "Plain"
      })
    }), /* @__PURE__ */jsx(Tooltip.Content, {
      children: /* @__PURE__ */jsx(Tooltip.SupportingText, {
        children: "Plain content"
      })
    })]
  }), /* @__PURE__ */jsxs(Tooltip, {
    children: [/* @__PURE__ */jsx(Tooltip.Trigger, {
      asChild: !0,
      children: /* @__PURE__ */jsx(Body, {
        children: "Rich"
      })
    }), /* @__PURE__ */jsxs(Tooltip.Content, {
      rich: !0,
      children: [/* @__PURE__ */jsxs(Tooltip.RichContent, {
        children: [/* @__PURE__ */jsx(Tooltip.Subhead, {
          children: "Subhead"
        }), /* @__PURE__ */jsx(Tooltip.SupportingText, {
          children: "More rich content for this tool tip, it has a sub-head, a long description and even some actions."
        })]
      }), /* @__PURE__ */jsx(Tooltip.Actions, {
        children: /* @__PURE__ */jsx(Button, {
          children: /* @__PURE__ */jsx(Button.Text, {
            children: "Button"
          })
        })
      })]
    })]
  })]
});
export { Variants, Tooltip_stories_default as default };
//# sourceMappingURL=Tooltip.stories.mjs.map
