import {
  filterUndefinedProps
} from "./chunk-YYBF2WRK.js";
import {
  getSpacingValue
} from "./chunk-RIUSD7SC.js";

// src/components/Grid/Grid.tsx
import classNames from "classnames/dedupe";
import { jsx } from "react/jsx-runtime";
var Grid = ({ ref, ...props }) => {
  const {
    columns = 12,
    gap,
    columnGap,
    rowGap,
    alignContent,
    alignItems,
    justifyContent,
    justifyItems,
    className,
    style,
    ...rest
  } = props;
  const classes = classNames("mobius", "mobius-grid", className);
  const styles = filterUndefinedProps({
    boxSizing: "border-box",
    display: "grid",
    gridTemplateColumns: `repeat(${columns}, 1fr)`,
    gap: getSpacingValue(gap),
    columnGap: getSpacingValue(columnGap),
    rowGap: getSpacingValue(rowGap),
    alignContent,
    alignItems,
    justifyContent,
    justifyItems,
    ...style
  });
  return /* @__PURE__ */ jsx("div", { ref, style: styles, className: classes, ...rest });
};
Grid.displayName = "Grid";

export {
  Grid
};
//# sourceMappingURL=chunk-WP5OEMNG.js.map
