import { jsx as _ } from "react/jsx-runtime";
import { GetPaddingClassNames as a, PADDING_DIRECTIONS as s, GetMarginClassNames as e, MARGIN_DIRECTIONS as t } from "../../utilities/dimensions.es.js";
import { merge as n } from "../../utilities/merge.es.js";
const R = "fondue-box", l = ({
  padding: o,
  paddingX: I,
  paddingY: m,
  margin: D,
  marginX: d,
  marginY: r,
  children: G,
  "data-test-id": i = R,
  as: A = "div",
  ...N
}) => /* @__PURE__ */ _(
  A,
  {
    ...N,
    className: n([
      N.className,
      a(s.PADDING_X, I),
      a(s.PADDING_Y, m),
      a(s.PADDING, o),
      e(t.MARGIN_X, d),
      e(t.MARGIN_Y, r),
      e(t.MARGIN, D)
    ]),
    "data-test-id": i,
    children: G
  }
);
l.displayName = "FondueBox";
export {
  R as BOX_TEST_ID,
  l as Box
};
//# sourceMappingURL=Box.es.js.map
