import React from "react";
import Icon from "../Icon/Icon";
const MoreMenuItem = (props) => {
    return (React.createElement("a", { key: props.key || Math.random(), className: `cursor-pointer group flex items-center px-3 py-2 mx-1 rounded-md text-sm text-gray-700 hover:text-gray-900 hover:bg-indigo-50 transition-colors duration-100 ${props.className}`, role: "menuitem", onClick: () => {
            props.onClick();
        } },
        props.icon && (React.createElement(Icon, { icon: props.icon, className: `mr-2.5 h-4 w-4 text-gray-400 group-hover:text-indigo-500 transition-colors duration-100 ${props.iconClassName}` })),
        React.createElement("div", { className: "flex w-full justify-between items-center" },
            React.createElement("div", { className: "font-medium" }, props.text),
            React.createElement("div", null, props.rightElement))));
};
export default MoreMenuItem;
//# sourceMappingURL=MoreMenuItem.js.map