import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { forwardRef } from 'react';
import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { Label as $d08ef79370b62062$export$b04be29aa201d4f5, Separator as $d08ef79370b62062$export$1ff3c3f08ae963c0, Group as $d08ef79370b62062$export$eb2fcfdbd7ba97d4 } from '../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.0.5_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@1_e7gmnqwdc4f4ybjj7qkfdho6zy/node_modules/@radix-ui/react-dropdown-menu/dist/index.js';
import styles from './dropdown-menu.module.css.js';
import { useDropdownContext, useMenuLevel } from './dropdown-menu-root.js';

const DropdownMenuLabel = forwardRef(({ className, ...props }, ref) => {
    const { autocomplete, searchValue } = useDropdownContext();
    const menuLevel = useMenuLevel();
    if (autocomplete && menuLevel === 1 && searchValue?.length)
        return null;
    return (jsxRuntimeExports.jsx($d08ef79370b62062$export$b04be29aa201d4f5, { ref: ref, className: cx(styles.label, className), ...props }));
});
DropdownMenuLabel.displayName = $d08ef79370b62062$export$b04be29aa201d4f5.displayName;
const DropdownMenuSeparator = forwardRef(({ className, ...props }, ref) => {
    const { autocomplete, searchValue } = useDropdownContext();
    const menuLevel = useMenuLevel();
    if (autocomplete && menuLevel === 1 && searchValue?.length)
        return null;
    return (jsxRuntimeExports.jsx($d08ef79370b62062$export$1ff3c3f08ae963c0, { ref: ref, className: cx(styles.separator, className), ...props }));
});
DropdownMenuSeparator.displayName = $d08ef79370b62062$export$1ff3c3f08ae963c0.displayName;
const DropdownMenuGroup = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($d08ef79370b62062$export$eb2fcfdbd7ba97d4, { ref: ref, className: cx(styles.menugroup, className), ...props })));
DropdownMenuGroup.displayName = $d08ef79370b62062$export$eb2fcfdbd7ba97d4.displayName;
const DropdownMenuEmptyState = forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports.jsx("div", { ref: ref, className: cx(styles.empty, className), ...props, children: children })));
DropdownMenuEmptyState.displayName = "DropdownMenuEmptyState";

export { DropdownMenuEmptyState, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator };
//# sourceMappingURL=dropdown-menu-misc.js.map
