import x from "../../../classnames/index.mjs";
import P from "../../../rc-tooltip/es/Popup.mjs";
import "../../../@rc-component/trigger/es/index.mjs";
import * as t from "react";
import "../config-provider/index.mjs";
import v from "./style/index.mjs";
import { parseColor as N } from "./util.mjs";
import { ConfigContext as d } from "../config-provider/context.mjs";
const g = (o) => {
  const {
    prefixCls: a,
    className: l,
    placement: n = "top",
    title: c,
    color: m,
    overlayInnerStyle: i
  } = o, {
    getPrefixCls: p
  } = t.useContext(d), e = p("tooltip", a), [f, s, y] = v(e), r = N(e, m), C = r.arrowStyle, u = Object.assign(Object.assign({}, i), r.overlayStyle), S = x(s, y, e, `${e}-pure`, `${e}-placement-${n}`, l, r.className);
  return f(/* @__PURE__ */ t.createElement("div", {
    className: S,
    style: C
  }, /* @__PURE__ */ t.createElement("div", {
    className: `${e}-arrow`
  }), /* @__PURE__ */ t.createElement(P, Object.assign({}, o, {
    className: s,
    prefixCls: e,
    overlayInnerStyle: u
  }), c)));
}, h = g;
export {
  h as default
};
