import { b9 as n, M as i, P as a, bh as l, a0 as o, w as e, ba as r } from "./684d2f28.js";
import "react";
import "react-dom";
n.div`
  display: flex;
  justify-content: space-between;
  .hUXIwu {
    flex: 0 0 36px;
  }
  .fgbLEe {
    margin-right: 5px;
    margin-bottom: 10px;
  }
`;
const c = function() {
  const p = {
    left: e(r, ""),
    right: e(r, ""),
    top: e(r, ""),
    bottom: e(r, "")
  };
  return new i(p, (t) => t).setPropertyViewFn((t) => /* @__PURE__ */ a(l, {
    children: [t.top.propertyView({
      label: o("componentDoc.top")
    }), t.right.propertyView({
      label: o("componentDoc.right")
    }), t.bottom.propertyView({
      label: o("componentDoc.bottom")
    }), t.left.propertyView({
      label: o("componentDoc.left")
    })]
  })).build();
}();
export {
  c as MarginControl
};
