"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxDevRuntime = require("react/jsx-dev-runtime");
const slateReact = require("slate-react");
const ScrollTargetRenderer = (props) => {
  const isSelected = slateReact.useSelected();
  return /* @__PURE__ */ jsxDevRuntime.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__ */ jsxDevRuntime.jsxDEV("span", { contentEditable: false, children: "#" }, void 0, false, {
          fileName: "/__w/interface/interface/packages/admin/src/components/bindingFacade/richText/plugins/element/scrollTargets/ScrollTargetRenderer.tsx",
          lineNumber: 25,
          columnNumber: 4
        }, void 0),
        props.children
      ]
    },
    void 0,
    true,
    {
      fileName: "/__w/interface/interface/packages/admin/src/components/bindingFacade/richText/plugins/element/scrollTargets/ScrollTargetRenderer.tsx",
      lineNumber: 14,
      columnNumber: 3
    },
    void 0
  );
};
ScrollTargetRenderer.displayName = "ScrollTargetRenderer";
exports.ScrollTargetRenderer = ScrollTargetRenderer;
//# sourceMappingURL=ScrollTargetRenderer.cjs.map
