@uimkit/uikit-react
Version:
<img style="width:64px" src="https://mgmt.uimkit.chat/media/img/avatar.png"/>
15 lines (12 loc) • 1.03 kB
JavaScript
import React__default, { useCallback } from 'react';
import { clsx } from '../../node_modules/.pnpm/clsx@1.2.1/node_modules/clsx/dist/clsx.m.js';
var Item = React__default.forwardRef(function Item(props, innerRef) {
var className = props.className, Component = props.component, item = props.item, onClickHandler = props.onClickHandler, onSelectHandler = props.onSelectHandler, selected = props.selected, style = props.style;
// const { themeVersion } = useChatContext('SuggestionItem');
var selectItem = useCallback(function () { return onSelectHandler(item); }, [item, onClickHandler]);
return (React__default.createElement("li", { className: clsx(className, { 'uim-suggestion-item--selected': selected }), style: style },
React__default.createElement("a", { href: '', onClick: onClickHandler, onFocus: selectItem, onMouseEnter: selectItem, ref: innerRef },
React__default.createElement(Component, { entity: item, selected: selected }))));
});
export { Item };
//# sourceMappingURL=Item.js.map