"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("react/jsx-runtime");
const slateReact = require("slate-react");
const ScrollTargetRenderer = (props) => {
  const isSelected = slateReact.useSelected();
  return /* @__PURE__ */ jsxRuntime.jsxs(
    "span",
    {
      ...props.attributes,
      title: props.element.identifier,
      style: {
        display: "inline-block",
        color: "#E0E0E0",
        boxShadow: isSelected ? "0 0 0 0.2em rgba(0, 148, 255, 0.3)" : "none",
        fontSize: ".8em",
        margin: "0 -.05em"
      },
      children: [
        /* @__PURE__ */ jsxRuntime.jsx("span", { contentEditable: false, children: "#" }),
        props.children
      ]
    }
  );
};
ScrollTargetRenderer.displayName = "ScrollTargetRenderer";
exports.ScrollTargetRenderer = ScrollTargetRenderer;
//# sourceMappingURL=ScrollTargetRenderer.cjs.map
