import { jsxs as v, jsx as o } from "react/jsx-runtime";
import e from "../../utils/classNames.js";
const y = (n) => n.replace("bg", "border-color"), l = e(
  "width-20",
  "height-20",
  "rounded-circle",
  "position-relative",
  "z-index-2",
  "box-sizing-content-box"
), c = e("position-relative", "width-20", "height-20"), s = (n) => {
  const {
    placement: p = "center",
    icon: g = "rioglyph-plus",
    hidden: m = !1,
    background: i = "bg-lightest",
    pageBackground: t = "bg-white",
    contentClassName: h = "text-color-light",
    hasBorder: r = !1,
    borderColor: a = "",
    className: u = "",
    children: d,
    ...C
  } = n, N = e(
    "RuleConnector",
    "height-20",
    "display-flex",
    `justify-content-${p}`,
    "align-items-center",
    "position-relative",
    m && "opacity-0",
    u
  ), x = e(
    "margin-right--10",
    l,
    t,
    r && `border ${a}`
  ), f = e("right-50pct", c, t), b = e(
    "padding-left-20 padding-right-20",
    "z-index-1",
    i,
    r && `border ${y(i)}`
  ), B = e(
    "margin-left--10",
    l,
    t,
    r && `border ${a}`
  ), R = e("left-50pct", c, t);
  return /* @__PURE__ */ v("div", { "data-testid": "ruleConnector", ...C, className: N, children: [
    /* @__PURE__ */ o("div", { className: x, children: /* @__PURE__ */ o("div", { className: f }) }),
    /* @__PURE__ */ o("span", { className: b, children: /* @__PURE__ */ o("span", { className: h, children: d || /* @__PURE__ */ o("span", { className: `rioglyph ${g}`, "data-testid": "ruleConnectorIcon" }) }) }),
    /* @__PURE__ */ o("div", { className: B, children: /* @__PURE__ */ o("div", { className: R }) })
  ] });
};
s.START = "start";
s.CENTER = "center";
s.END = "end";
export {
  s as default
};
//# sourceMappingURL=RuleConnector.js.map
