"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxDevRuntime = require("react/jsx-dev-runtime");
const slateReact = require("slate-react");
const BlockElement = require("../../../baseEditor/BlockElement.cjs");
const HorizontalRuleRenderer = (props) => {
  const isSelected = slateReact.useSelected();
  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(BlockElement.BlockElement, { element: props.element, attributes: props.attributes, withBoundaries: true, children: [
    /* @__PURE__ */ jsxDevRuntime.jsxDEV("span", { contentEditable: false, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
      "hr",
      {
        style: {
          boxShadow: isSelected ? "0 0 0 0.2em rgba(0, 148, 255, 0.3)" : "none",
          backgroundColor: isSelected ? "black" : void 0
        }
      },
      void 0,
      false,
      {
        fileName: "/__w/interface/interface/packages/admin/src/components/bindingFacade/richText/plugins/element/horizonalRules/HorizontalRuleRenderer.tsx",
        lineNumber: 17,
        columnNumber: 5
      },
      void 0
    ) }, void 0, false, {
      fileName: "/__w/interface/interface/packages/admin/src/components/bindingFacade/richText/plugins/element/horizonalRules/HorizontalRuleRenderer.tsx",
      lineNumber: 16,
      columnNumber: 4
    }, void 0),
    props.children
  ] }, void 0, true, {
    fileName: "/__w/interface/interface/packages/admin/src/components/bindingFacade/richText/plugins/element/horizonalRules/HorizontalRuleRenderer.tsx",
    lineNumber: 15,
    columnNumber: 3
  }, void 0);
};
HorizontalRuleRenderer.displayName = "HorizontalRuleRenderer";
exports.HorizontalRuleRenderer = HorizontalRuleRenderer;
//# sourceMappingURL=HorizontalRuleRenderer.cjs.map
