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

/**
 * DropdownSeparator component - visual separator between menu items
 */
const DropdownSeparator = React__default.forwardRef(({ className, ...props }, ref) => {
    const { theme } = useDropdownContext();
    return (jsx("div", { ref: ref, role: "separator", className: cn(theme.separatorStyle, className), ...props }));
});
DropdownSeparator.displayName = "Dropdown.Separator";

export { DropdownSeparator };
