synapse-react-client/dist/components/entity/metadata/EntityAnnotationKey.js

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

import { jsx as e, jsxs as i, Fragment as l } from "react/jsx-runtime";
import { Tooltip as a, Box as p } from "@mui/material";
function x(r) {
  const { annotationKey: t, title: n, description: o } = r;
  return n == t && !o ? t : /* @__PURE__ */ e(
    a,
    {
      placement: "left",
      title: /* @__PURE__ */ i(l, { children: [
        n != t && /* @__PURE__ */ e("p", { children: /* @__PURE__ */ i("strong", { children: [
          "Annotation Key: ",
          t
        ] }) }),
        /* @__PURE__ */ e("p", { children: o })
      ] }),
      children: /* @__PURE__ */ e(
        p,
        {
          component: "span",
          sx: (c) => ({
            textDecorationLine: "underline",
            textDecorationStyle: "dotted",
            textDecorationThickness: "15%",
            textDecorationColor: c.palette.secondary.main,
            textUnderlineOffset: "4px",
            cursor: "pointer"
          }),
          children: n
        }
      )
    }
  );
}
export {
  x as EntityAnnotationKey
};
//# sourceMappingURL=EntityAnnotationKey.js.map