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

const ButtonGroupSeparator = React__default.forwardRef(({ className = "", orientation = "vertical", ...props }, ref) => {
    return (jsx("div", { ref: ref, role: "separator", "aria-orientation": orientation, "data-orientation": orientation, className: cn(buttonGroupTheme.separatorStyles.base, orientation === "vertical"
            ? buttonGroupTheme.separatorStyles.horizontal
            : buttonGroupTheme.separatorStyles.vertical, className), ...props }));
});
ButtonGroupSeparator.displayName = "ButtonGroupSeparator";

export { ButtonGroupSeparator };
