@ai-stack/payloadcms/dist/ui/Compose/hooks/menu/Item.jsx

<p align="center"> <img alt="Payload AI Plugin" src="assets/payload-ai-intro.gif" width="100%" /> </p>

import React, { memo } from 'react';
import { ArrowIcon } from '../../../Icons/Icons.js';
import styles from './menu.module.scss';
export const Item = memo(({ children, disabled, isActive, onClick, ...rest }) => (<span className={styles.generate_button + ' ' + (isActive ? styles.active : '')} data-disabled={disabled} onClick={!disabled && typeof onClick === 'function'
        ? onClick
        : undefined} onKeyDown={!disabled && typeof onClick === 'function'
        ? onClick
        : undefined} role="presentation" {...rest}>
      {children}
    </span>));
export const createMenuItem = (IconComponent, initialText) => memo(({ children, disabled, hideIcon, isMenu, onClick, ...rest }) => (<Item disabled={disabled} onClick={onClick} {...rest}>
      {hideIcon || <IconComponent size={18}/>}
      {children || <span className={styles.text}>{initialText}</span>}
      {isMenu && <ArrowIcon size={18}/>}
    </Item>));