es-grid-template/es/table-component/components/command/Command.js

es-grid-template

import React, { Fragment } from "react";
import classnames from "classnames";
const Command = props => {
  const {
    item,
    onClick,
    record,
    id
  } = props;
  return /*#__PURE__*/React.createElement(Fragment, null, item.template ? /*#__PURE__*/React.createElement("div", {
    "data-tooltip-id": `${id}-tooltip-content`,
    "data-tooltip-content": item.tooltip || item.title,
    "data-tooltip-delay-show": 500,
    id: item.id,
    onClick: onClick
  }, typeof item.template === 'function' ? item.template(record) : item.template) : /*#__PURE__*/React.createElement("div", {
    tabIndex: -1,
    "data-tooltip-id": `${id}-tooltip-content`,
    "data-tooltip-delay-show": 500,
    "data-tooltip-content": item.tooltip || item.title,
    style: {
      padding: '3px',
      maxWidth: 45,
      height: '100%',
      display: 'flex',
      cursor: 'pointer'
    },
    className: classnames('command-item', {
      'btn-icon': item.title === ''
    }),
    color: item.color ? item.color : 'primary',
    onClick: onClick
  }, typeof item.icon === 'function' ? item.icon() : item.icon));
};
export default Command;