// src/components/Stack/Stack.tsx
import classNames from "classnames/dedupe";
import "@simplybusiness/mobius/src/components/Stack/Stack.css";
import { jsx } from "react/jsx-runtime";
var Stack = ({ ref, ...props }) => {
  const { elementType: Element = "div", gap, ...otherProps } = props;
  const classes = classNames(
    "mobius",
    "mobius-stack",
    {
      [`--gap-${gap}`]: gap
    },
    otherProps.className
  );
  return /* @__PURE__ */ jsx(Element, { ref, ...otherProps, className: classes });
};
Stack.displayName = "Stack";

export {
  Stack
};
//# sourceMappingURL=chunk-XH3OJQMW.js.map
