import { r as reactExports, j as jsxRuntimeExports, d as c, c as a, h as m, n as namedRoutes } from "./index-Cr4zbAtA.js";
import { L as LinkingIcon } from "./LinkingIcon-P8eDpGZr.js";
const SpanGenericToggleContext = reactExports.createContext({
  show: {
    ancestors: false,
    descendants: false
  },
  setShow: () => {
  }
});
const SpanLink = ({
  id,
  name,
  type
}) => {
  return /* @__PURE__ */ jsxRuntimeExports.jsx(c, { className: "w-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(a, { flexDirection: "row", justifyContent: "start", className: "min-w-0 gap-4", children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 flex-grow", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(a, { flexDirection: "col", alignItems: "start", justifyContent: "start", className: "gap-1", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(m, { children: type.name }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(m, { children: name })
    ] }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(LinkingIcon, { to: namedRoutes.opentelemetrySpan({
      id
    }) }) })
  ] }) });
};
export {
  SpanGenericToggleContext as S,
  SpanLink as a
};
