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

Design system of Frontify

import { jsx as u } from "react/jsx-runtime";
import { merge as x } from "../../utilities/merge.es.js";
import { Box as C } from "../Box/Box.es.js";
const T = "fondue-container", y = ({
  children: t,
  "data-test-id": o = T,
  minWidth: e,
  maxWidth: a,
  maxHeight: r,
  minHeight: n,
  bg: s,
  color: i,
  margin: m,
  marginX: d,
  marginY: p,
  padding: c,
  paddingX: f,
  paddingY: N,
  as: l = "div"
}) => /* @__PURE__ */ u(
  C,
  {
    "data-test-id": o,
    className: x([s, i]),
    style: {
      maxWidth: a,
      minWidth: e,
      maxHeight: r,
      minHeight: n
    },
    margin: m,
    marginX: d,
    marginY: p,
    padding: c,
    paddingX: f,
    paddingY: N,
    as: l,
    children: t
  }
);
y.displayName = "FondueContainer";
export {
  T as CONTAINER_TEST_ID,
  y as Container
};
//# sourceMappingURL=Container.es.js.map