// src/components/Segment/SegmentGroup.tsx
import classNames from "classnames/dedupe";
import { jsx } from "react/jsx-runtime";
var SegmentGroup = (props) => {
  const { children, horizontal, gap, className, ...rest } = props;
  const gapClass = gap ? `gap-${gap}` : "";
  const classes = classNames(
    "mobius",
    "mobius-segment-group",
    className,
    { "--is-horizontal": horizontal },
    gapClass
  );
  return /* @__PURE__ */ jsx("div", { className: classes, ...rest, children });
};
SegmentGroup.displayName = "SegmentGroup";

export {
  SegmentGroup
};
//# sourceMappingURL=chunk-TXM2EJ6T.js.map
