rockui/dist/components/Menu/menuItem.js

React component library rock

import React, { useContext } from "react";
import classNames from "classnames";
import { MenuContext } from './menu';
var MenuItem = function (props) {
    var index = props.index, className = props.className, disabled = props.disabled, style = props.style, children = props.children;
    var context = useContext(MenuContext);
    var classes = classNames("menu-item", className, {
        "is-disabled": disabled,
        "is-active": context.index === index,
    });
    var handleClick = function () {
        if (context.onSelect && !disabled && (typeof index === 'string')) {
            context.onSelect(index);
        }
    };
    return (React.createElement("li", { className: classes, style: style, onClick: handleClick }, children));
};
MenuItem.defaultProps = {
    index: '0',
};
MenuItem.displayName = 'MenuItem';
export default MenuItem;