@frontify/fondue/dist/components/Box/Box.es.js

Design system of Frontify

import { jsx as _ } from "react/jsx-runtime";
import { GetPaddingClassNames as a, GetMarginClassNames as s, PADDING_DIRECTIONS 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(e.PADDING_X, I),
      a(e.PADDING_Y, m),
      a(e.PADDING, o),
      s(t.MARGIN_X, d),
      s(t.MARGIN_Y, r),
      s(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