import t, { cloneElement as i } from "react";
import { IconSize as a } from "../../foundation/Icon/IconSize.es.es.js";
import { Tooltip as l } from "../Tooltip/Tooltip.es.es.js";
import { FOCUS_VISIBLE_STYLE as m } from "../../utilities/focusStyle.es.es.js";
import { merge as g } from "../../utilities/merge.es.es.js";
import s from "../../foundation/Icon/Generated/IconQuestionMarkCircle.es.es.js";
const w = {
  Danger: "tw-text-box-negative-strong hover:tw-text-box-negative-strong-hover",
  Warning: "tw-text-box-warning-strong hover:tw-text-box-warning-strong-hover",
  Primary: "tw-text-text-weak hover:tw-text-text-x-weak"
}, E = ({
  tooltip: e,
  iconSize: o = a.Size16,
  triggerIcon: r = /* @__PURE__ */ t.createElement(s, null),
  triggerStyle: n = "Primary"
}) => /* @__PURE__ */ t.createElement("div", {
  "data-test-id": "tooltip-icon"
}, e && /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement(l, {
  triggerElement: /* @__PURE__ */ t.createElement("button", {
    type: "button",
    "data-test-id": "tooltip-icon-trigger",
    className: g([
      "tw-inline-flex tw-justify-center tw-items-center tw-cursor-default tw-outline-none tw-rounded-full",
      m,
      w[n]
    ])
  }, i(r, { size: o })),
  withArrow: !0,
  ...e
})));
export {
  E as TooltipIcon
};
//# sourceMappingURL=TooltipIcon.es.es.js.map
