import { K as c, H as p, j as a, b8 as m } from "./index-b203ecbb.js";
import { P as b } from "./index-56e81c67.js";
import "react";
import "react-dom";
const f = c`
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  width: 100%;
`, P = (r) => {
  const {
    labelName: l,
    labelDesc: o,
    handleUpdateMultiAttrDSL: e,
    value: s,
    defaultValue: n,
    attrName: i,
    labelSize: t = "small"
  } = r;
  return /* @__PURE__ */ p("div", { css: f, children: [
    /* @__PURE__ */ a(
      b,
      {
        labelName: l,
        labelDesc: o,
        labelSize: t
      }
    ),
    /* @__PURE__ */ a(
      m,
      {
        handleUpdateColor: (d) => {
          e == null || e({
            [i]: d
          });
        },
        value: s ?? n,
        setterSize: t
      }
    )
  ] });
};
export {
  P as default
};
//# sourceMappingURL=index-5ab7d824.js.map
