import { jsx as t } from "react/jsx-runtime";
import x from "@mui/material/Tooltip";
import n from "@mui/material/Box";
function a({
  title: e,
  content: l,
  variant: o = "default",
  placement: p = "top",
  delay: r,
  children: s
}) {
  const i = e ?? l ?? "";
  return /* @__PURE__ */ t(
    x,
    {
      title: o === "code" ? /* @__PURE__ */ t(
        n,
        {
          sx: {
            fontFamily: "var(--ov-font-mono)",
            fontSize: "var(--ov-text-xs)",
            bgcolor: "var(--ov-bg-surface-inset)",
            px: 1,
            py: 0.5,
            borderRadius: "3px"
          },
          children: i
        }
      ) : o === "rich" ? /* @__PURE__ */ t(n, { sx: { p: 1, maxWidth: 320 }, children: i }) : e,
      placement: p,
      enterDelay: r,
      enterNextDelay: r,
      arrow: o === "default",
      children: s
    }
  );
}
a.displayName = "Tooltip";
export {
  a as T
};
