import { jsx } from 'react/jsx-runtime';
import React__default from 'react';
import { buttonGroupTheme } from './ButtonGroup.theme.js';
import { cn } from '../../../utils/cn.js';

const ButtonGroup = React__default.forwardRef(({ children, className = "", orientation = "horizontal", ...props }, ref) => {
    return (jsx("div", { ref: ref, role: "group", "data-orientation": orientation, className: cn(buttonGroupTheme.baseStyle, buttonGroupTheme.orientationStyles[orientation], className), ...props, children: children }));
});
ButtonGroup.displayName = "ButtonGroup";

export { ButtonGroup };
