"use client";
import { jsxs as a, jsx as r } from "react/jsx-runtime";
import { cn as h } from "../../../../utils/cn/cn.es.js";
import e from "../../../../components/ComplexTooltip/components/ComplexTooltipContent/complexTooltipContent.module.css";
import { Typography as c } from "../../../Typography/Typography.es.js";
import { Icon as u } from "../../../Icon/Icon.es.js";
import { EIconName as i } from "../../../Icon/constants.es.js";
import { TextButton as x } from "../../../TextButton/TextButton.es.js";
const C = ({
  style: o,
  title: l,
  description: s,
  link: t,
  isBlurred: n,
  className: d,
  onMouseEnter: p,
  onMouseLeave: f,
  onClose: m
}) => /* @__PURE__ */ a(
  "div",
  {
    className: h(e.content, n && e.blurred, d),
    "data-style": o,
    onMouseEnter: p,
    onMouseLeave: f,
    children: [
      /* @__PURE__ */ a("div", { className: e.contentHeader, children: [
        /* @__PURE__ */ r(c, { as: "h4", defaultVariant: "headingSm", children: l }),
        m && /* @__PURE__ */ a("button", { className: e.closeButton, onClick: m, children: [
          "(",
          /* @__PURE__ */ r(u, { name: i.CLOSE, className: e.closeIcon }),
          ")"
        ] })
      ] }),
      /* @__PURE__ */ r(c, { as: "p", defaultVariant: "bodySm", children: s }),
      t && /* @__PURE__ */ r(
        x,
        {
          suffixIcon: i.ARROW_FORWARD,
          as: "a",
          href: t.url,
          target: "_blank",
          rel: "noopener noreferrer",
          inverted: o === "dark" && !n || o === "light" && n,
          children: t.label
        }
      )
    ]
  }
);
export {
  C as ComplexTooltipContent
};
