import { jsx as _jsx } from "react/jsx-runtime";
import classnames from "classnames";
/**
 * @internal
 */
export function ItemsWrapper({ smallItemsSpacing = false, className, children, style, wrapperRef, }) {
    return (_jsx("div", { ref: wrapperRef, className: classnames({
            "gd-menu-wrapper": true,
            "gd-menu-wrapper-small-spacing": smallItemsSpacing,
        }, className), style: style, children: children }));
}
/**
 * @internal
 */
export function Separator(props) {
    return _jsx("div", { role: "separator", className: "gd-list-item gd-list-item-separator", ...props });
}
/**
 * @internal
 */
export function Header({ children, ...restProps }) {
    return (_jsx("div", { className: "gd-list-item gd-list-item-header", ...restProps, children: children }));
}
/**
 * @internal
 */
export function Item({ checked = false, subMenu = false, disabled = false, className, children, style, testId, onClick, }) {
    return (_jsx("div", { className: classnames({
            "gd-list-item": true,
            "gd-menu-item": true,
            "is-checked": checked,
            "is-submenu": subMenu,
            "is-disabled": disabled,
        }, className), "data-testid": testId, style: style, onClick: onClick, children: children }));
}
