@light-sheet/react/esm/components/Toolbar/CustomButton.js

FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets

import React from "react";
import CustomIcon from "./CustomIcon";
var CustomButton = function CustomButton(_ref) {
  var tooltip = _ref.tooltip,
    onClick = _ref.onClick,
    selected = _ref.selected,
    children = _ref.children,
    iconName = _ref.iconName,
    icon = _ref.icon;
  // const style: CSSProperties = { userSelect: "none" };
  return /*#__PURE__*/React.createElement("div", {
    className: "fortune-toolbar-button fortune-toolbar-item",
    onClick: onClick,
    tabIndex: 0,
    "data-tips": tooltip,
    role: "button",
    style: selected ? {
      backgroundColor: "#E7E5EB"
    } : {}
  }, /*#__PURE__*/React.createElement(CustomIcon, {
    iconName: iconName,
    content: icon
  }), tooltip && /*#__PURE__*/React.createElement("div", {
    className: "fortune-tooltip"
  }, tooltip), children);
};
export default CustomButton;