var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: !0 });
}, __copyProps = (to, from, except, desc) => {
  if (from && typeof from == "object" || typeof from == "function")
    for (let key of __getOwnPropNames(from))
      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
var Tooltip_exports = {};
__export(Tooltip_exports, {
  CompactTooltip: () => CompactTooltip,
  Tooltip: () => Tooltip
});
module.exports = __toCommonJS(Tooltip_exports);
var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui"), import_typography = require("./typography"), Content = (0, import_tamagui.styled)(import_tamagui.Tooltip.Content, {
  name: "TooltipContent",
  backgroundColor: "$inverseSurface",
  borderRadius: "$shape.corner_extra_small",
  minHeight: 24,
  paddingLeft: 8,
  paddingRight: 8,
  paddingTop: 0,
  paddingBottom: 0,
  enterStyle: {
    x: 0,
    y: -5,
    opacity: 0,
    scale: 0.9
  },
  exitStyle: {
    x: 0,
    y: -5,
    opacity: 0,
    scale: 0.9
  },
  scale: 1,
  x: 0,
  y: 0,
  opacity: 1,
  animation: [
    "quick",
    {
      opacity: {
        overshootClamping: !0
      }
    }
  ],
  variants: {
    rich: {
      true: {
        paddingLeft: 16,
        paddingRight: 16,
        paddingTop: 12,
        paddingBottom: 8,
        width: 300
      }
    }
  }
}), SupportingText = (0, import_tamagui.styled)(import_typography.Body, {
  name: "TooltipSupportingText",
  col: "$inverseOnSurface",
  m: 8
}), Subhead = (0, import_tamagui.styled)(import_typography.Title, {
  size: "small",
  col: "$inverseOnSurface"
}), Actions = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
  name: "TooltipActions",
  mt: 12,
  width: "100%",
  justifyContent: "flex-start",
  flexDirection: "row",
  alignItems: "center"
}), RichContent = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
  name: "TooltipRichContent",
  flexDirection: "column",
  gap: 4
}), Tooltip = (0, import_tamagui.withStaticProperties)(import_tamagui.Tooltip, {
  displayName: "Tooltip",
  Trigger: import_tamagui.Tooltip.Trigger,
  RichContent,
  Content,
  SupportingText,
  Subhead,
  Actions
});
function CompactTooltip(param) {
  var { label, children } = param;
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip, {
    children: [
      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip.Trigger, {
        children
      }),
      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip.Content, {
        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip.SupportingText, {
          children: label
        })
      })
    ]
  });
}
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  CompactTooltip,
  Tooltip
});
//# sourceMappingURL=Tooltip.js.map
