/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { cn } from "../../utils/cn.js";
import { buildSpacingClasses, extractSpacingProps } from "../../tokens/spacing.js";
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/core/Button/ButtonGroup.tsx
var ButtonGroup = (props) => {
	const [spacing, { wrap = false, className, children, testId, ...rest }] = extractSpacingProps(props);
	const { gap = "xs", ...otherSpacing } = spacing;
	return /* @__PURE__ */ jsx("div", {
		className: cn(wrap ? "flex flex-wrap" : "inline-flex", buildSpacingClasses({
			...otherSpacing,
			gap
		}), className),
		role: "group",
		"data-testid": testId,
		...rest,
		children
	});
};
//#endregion
export { ButtonGroup };

//# sourceMappingURL=ButtonGroup.js.map