import { K as b, b6 as C, a1 as I, H as a, j as o, F as w, b7 as p, a3 as x } from "./index-b203ecbb.js";
import * as e from "react";
import { P as v } from "./index-56e81c67.js";
import S from "./index-5ab7d824.js";
import u from "./index-9fb74f80.js";
import "react-dom";
const N = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNCAySDNWMTNIMTRWMTJINFYyWk01IDJWMTFIMTRWMTBINlYySDVaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+", y = b`
  padding: 0px 16px;
  width: 100%;
`, E = b`
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
`, W = (i) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ e.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: 0 }), /* @__PURE__ */ e.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("g", { id: "SVGRepo_iconCarrier" }, /* @__PURE__ */ e.createElement("path", { d: "M6 12L18 12", stroke: "#000000", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }))), j = (i) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ e.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: 0 }), /* @__PURE__ */ e.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("g", { id: "SVGRepo_iconCarrier" }, /* @__PURE__ */ e.createElement("rect", { width: 24, height: 24, fill: "white" }), /* @__PURE__ */ e.createElement("path", { d: "M12 6V18", stroke: "#000000", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M6 12H18", stroke: "#000000", strokeLinecap: "round", strokeLinejoin: "round" }))), L = (i) => {
  var l, m;
  const { handleUpdateMultiAttrDSL: r, widgetDisplayName: h } = i, t = C(h), s = (l = t == null ? void 0 : t.props) == null ? void 0 : l.borderWidth, d = (m = t == null ? void 0 : t.props) == null ? void 0 : m.borderColor, c = !!s && !!d, { t: n } = I(), g = () => {
    r == null || r({
      borderWidth: "1px",
      borderColor: x("white-01")
    });
  }, k = () => {
    r == null || r({
      borderWidth: void 0,
      borderColor: void 0
    });
  };
  return /* @__PURE__ */ a("div", { css: y, children: [
    /* @__PURE__ */ a("div", { css: E, children: [
      /* @__PURE__ */ o(v, { labelName: n("editor.inspect.setter_label.border") }),
      c ? /* @__PURE__ */ o(p, { onClick: k, children: /* @__PURE__ */ o(W, {}) }) : /* @__PURE__ */ o(p, { onClick: g, children: /* @__PURE__ */ o(j, {}) })
    ] }),
    c && /* @__PURE__ */ a(w, { children: [
      "comneted",
      /* @__PURE__ */ o(
        S,
        {
          labelName: n("editor.inspect.setter_group.color"),
          value: d,
          attrName: "borderColor",
          handleUpdateMultiAttrDSL: r
        }
      ),
      /* @__PURE__ */ o(
        u,
        {
          labelName: n("editor.inspect.setter_label.border_width"),
          value: s,
          attrName: "borderWidth",
          handleUpdateMultiAttrDSL: r,
          icon: /* @__PURE__ */ o(N, {})
        }
      )
    ] })
  ] });
};
export {
  L as default
};
//# sourceMappingURL=index-64633de5.js.map
