import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from "./Button.native.js";
import { Tooltip } from "./Tooltip.native.js";
import { RenderStage } from "./storybook-utils.native.js";
import { Body } from "./typography.native.js";
var Tooltip_stories_default = {
    component: Tooltip
  },
  Variants = function () {
    return /* @__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.native.js.map
