import { jsx } from 'react/jsx-runtime';
import React__default from 'react';
import { cn } from '../../../utils/cn.js';
import { useContextMenuContext } from './ContextMenuContext.js';

/**
 * ContextMenuSeparator - Visual divider between menu items
 */
const ContextMenuSeparator = React__default.forwardRef(({ className, ...props }, ref) => {
    const { theme } = useContextMenuContext();
    return (jsx("div", { ref: ref, role: "separator", "aria-orientation": "horizontal", className: cn(theme.separatorStyle, className), ...props }));
});
ContextMenuSeparator.displayName = "ContextMenuSeparator";

export { ContextMenuSeparator };
