import N from "../../../../../../../../../_virtual/index9.js";
import { getResponsiveStyles as e } from "./get-responsive-styles.js";
import { mergeStyles as V } from "./merge-styles.js";
import { marginPropDefs as y } from "../props/margin.props.js";
const m = y.m.values;
function R(r) {
  const [t, a] = e({ className: "rt-r-m", customProperties: ["--margin"], propValues: m, value: r.m }), [o, s] = e({ className: "rt-r-mx", customProperties: ["--margin-left", "--margin-right"], propValues: m, value: r.mx }), [l, p] = e({ className: "rt-r-my", customProperties: ["--margin-top", "--margin-bottom"], propValues: m, value: r.my }), [i, u] = e({ className: "rt-r-mt", customProperties: ["--margin-top"], propValues: m, value: r.mt }), [c, n] = e({ className: "rt-r-mr", customProperties: ["--margin-right"], propValues: m, value: r.mr }), [g, v] = e({ className: "rt-r-mb", customProperties: ["--margin-bottom"], propValues: m, value: r.mb }), [P, f] = e({ className: "rt-r-ml", customProperties: ["--margin-left"], propValues: m, value: r.ml });
  return [N(t, o, l, i, c, g, P), V(a, s, p, u, n, v, f)];
}
export {
  R as getMarginStyles
};
//# sourceMappingURL=get-margin-styles.js.map
