import { createElement } from "react";
import { useSelected } from "slate-react";
import { BlockElement } from "../../../baseEditor/BlockElement.js";
const HorizontalRuleRenderer = (props) => {
  const isSelected = useSelected();
  return /* @__PURE__ */ createElement(BlockElement, {
    element: props.element,
    attributes: props.attributes,
    withBoundaries: true
  }, /* @__PURE__ */ createElement("span", {
    contentEditable: false
  }, /* @__PURE__ */ createElement("hr", {
    style: {
      boxShadow: isSelected ? "0 0 0 0.2em rgba(0, 148, 255, 0.3)" : "none",
      backgroundColor: isSelected ? "black" : void 0
    }
  })), props.children);
};
HorizontalRuleRenderer.displayName = "HorizontalRuleRenderer";
export { HorizontalRuleRenderer };
//# sourceMappingURL=HorizontalRuleRenderer.js.map
