@xrenders/xflow
Version:
一款功能强大、易用灵活的流程编辑器框架，帮助你轻松构建复杂的工作流和流程产品
16 lines • 595 B
JavaScript
import React, { memo } from 'react';
import { getKeyboardKeyNameBySystem } from '../../utils';
import cn from 'classnames';
var ShortcutsName = function ShortcutsName(_ref) {
var keys = _ref.keys,
className = _ref.className;
return /*#__PURE__*/React.createElement("div", {
className: cn('flex items-center gap-0.5 h-4 text-xs text-gray-400', className)
}, keys.map(function (key) {
return /*#__PURE__*/React.createElement("div", {
key: key,
className: 'capitalize'
}, getKeyboardKeyNameBySystem(key));
}));
};
export default /*#__PURE__*/memo(ShortcutsName);