import { useSelected } from "slate-react";
import { jsxDEV } from "react/jsx-dev-runtime";
var _jsxFileName = "/__w/interface/interface/packages/admin/src/components/bindingFacade/richText/plugins/element/scrollTargets/ScrollTargetRenderer.tsx";
const ScrollTargetRenderer = (props) => {
  const isSelected = useSelected();
  return /* @__PURE__ */ jsxDEV("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__ */ jsxDEV("span", {
      contentEditable: false,
      children: "#"
    }, void 0, false, {
      fileName: _jsxFileName,
      lineNumber: 25,
      columnNumber: 4
    }, void 0), props.children]
  }, void 0, true, {
    fileName: _jsxFileName,
    lineNumber: 14,
    columnNumber: 3
  }, void 0);
};
ScrollTargetRenderer.displayName = "ScrollTargetRenderer";
export {
  ScrollTargetRenderer
};
//# sourceMappingURL=ScrollTargetRenderer.js.map
