@ui5/webcomponents-react/wrappers/webComponents/UserMenuItem/index.js

React Wrapper for UI5 Web Components and additional components

'use client';

import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
 * `UserMenuItem` is the item to use inside a `UserMenu`.
 * An arbitrary hierarchy structure can be represented by recursively nesting menu items.
 *
 * ### Usage
 *
 * `UserMenuItem` represents a node in a `UserMenu`. The user menu itself is rendered as a list,
 * and each `ui5-menu-item` is represented by a menu item in that menu. Therefore, you should only use
 * `UserMenuItem` directly in your apps. The `ui5-menu` menu item is internal for the menu, and not intended for public use.
 *
 *
 *
 * __Note:__ This is a UI5 Web Component! [UserMenuItem UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/UserMenuItem) | [Repository](https://github.com/UI5/webcomponents)
 *
 * @since [2.5.0](https://github.com/UI5/webcomponents/releases/tag/v2.5.0) of __@ui5/webcomponents-fiori__.
 */
const UserMenuItem = withWebComponent('ui5-user-menu-item', ['accessibilityAttributes', 'accessibleName', 'accessibleRole', 'additionalText', 'highlight', 'icon', 'loadingDelay', 'text', 'tooltip', 'type'], ['checked', 'disabled', 'loading', 'navigated', 'selected', 'showSelection'], ['deleteButton', 'endContent'], ['before-close', 'before-open', 'check', 'click', 'close', 'detail-click', 'open']);
UserMenuItem.displayName = 'UserMenuItem';
export { UserMenuItem };