synapse-react-client/dist/components/ProvenanceGraph/ActivityNodeLabel.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsxs as l, Fragment as d, jsx as e } from "react/jsx-runtime";
import { formatDate as s } from "../../utils/functions/DateFormatter.js";
import { Tooltip as n, Typography as m } from "@mui/material";
import a from "dayjs";
import { useMemo as c } from "react";
import { UserBadge as p } from "../UserCard/UserBadge.js";
const T = (i) => {
  const o = s(a(i.modifiedOn)), { name: r, description: t } = i;
  return c(
    () => /* @__PURE__ */ l(d, { children: [
      r && /* @__PURE__ */ e(n, { title: r, placement: "top", enterNextDelay: 200, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(m, { variant: "smallText1", className: "name", children: r }) }) }),
      t && /* @__PURE__ */ e(n, { title: t, placement: "top", enterNextDelay: 200, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(m, { variant: "smallText1", className: "description", children: t }) }) }),
      /* @__PURE__ */ e(p, { userId: i.modifiedBy }),
      /* @__PURE__ */ e("div", { children: o })
    ] }),
    [r, t, i.modifiedBy, o]
  );
};
export {
  T as ActivityNodeLabel
};
//# sourceMappingURL=ActivityNodeLabel.js.map