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