@engie-group/fluid-design-system-react/lib/components/select/item/NJSelectItem.js

Fluid Design System React

import { jsx } from 'react/jsx-runtime';
import { forwardRef } from 'react';
import '../../menu/anchor/NJMenuAnchor.js';
import '../../menu/dropdown/NJMenuDropdown.js';
import '../../menu/group/NJMenuGroup.js';
import { NJMenuItem } from '../../menu/item/NJMenuItem.js';
import '../../popover/anchor/NJPopoverAnchor.js';
import '../../popover/NJPopoverContext.js';
import '../../popover/NJPopoverInteractionContext.js';
import '../../menu/NJMenuContext.js';
import '../../menu/NJMenuSelectionContext.js';
import '../../menu/NJMenuItemContext.js';

const NJSelectItem = forwardRef((props, forwardedRef) => {
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    const { value: _value, asChild, ...menuItemProps } = props;
    if (asChild) {
        return (jsx(NJMenuItem, { asChild: true, ref: forwardedRef, ...menuItemProps, children: props.children }));
    }
    return jsx(NJMenuItem, { ref: forwardedRef, ...menuItemProps });
});
NJSelectItem.displayName = 'NJSelectItem';

export { NJSelectItem };