import { jsx as m } from "react/jsx-runtime";
import { Tooltip as i, tooltipClasses as x } from "@mui/material";
import { mergeSx as l } from "../../Util/style.js";
function d({
  title: o,
  sx: n,
  children: t,
  slotProps: p,
  fontSize: r = 12,
  fontWeight: e = 500,
  color: s = "text.contrast",
  ...a
}) {
  return o ? /* @__PURE__ */ m(
    i,
    {
      title: o,
      placement: "top",
      ...a,
      slotProps: {
        popper: {
          ...p?.popper,
          sx: l(
            {
              [`& .${x.tooltip}`]: {
                fontSize: r,
                fontWeight: e,
                boxShadow: 2,
                marginBottom: "6px !important",
                borderRadius: "8px",
                cursor: "default",
                color: s,
                display: "flex",
                alignItems: "center"
              }
            },
            // @ts-expect-error
            p?.popper?.sx
          )
        }
      },
      children: t
    }
  ) : t;
}
export {
  d as default
};
