import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { forwardRef, Fragment } from 'react';
import { useSelectContext } from './select-root.js';
import styles from './select.module.css.js';
import { Group, Label, Separator } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.5_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';

const SelectGroup = forwardRef(({ className, children, ...props }, ref) => {
    const { shouldFilter } = useSelectContext();
    if (shouldFilter)
        return jsxRuntimeExports.jsx(Fragment, { children: children });
    return (jsxRuntimeExports.jsx(Group, { ref: ref, className: cx(styles.menugroup, className), ...props, children: children }));
});
SelectGroup.displayName = Group.displayName;
const SelectLabel = forwardRef(({ className, ...props }, ref) => {
    const { shouldFilter } = useSelectContext();
    if (shouldFilter)
        return null;
    return (jsxRuntimeExports.jsx(Label, { ref: ref, className: cx(styles.label, className), ...props }));
});
SelectLabel.displayName = Label.displayName;
const SelectSeparator = forwardRef(({ className, ...props }, ref) => {
    const { shouldFilter } = useSelectContext();
    if (shouldFilter)
        return null;
    return (jsxRuntimeExports.jsx(Separator, { ref: ref, className: cx(styles.separator, className), ...props }));
});
SelectSeparator.displayName = Separator.displayName;

export { SelectGroup, SelectLabel, SelectSeparator };
//# sourceMappingURL=select-misc.js.map
