import React__default from 'react';

const ReactionButton = /*#__PURE__*/React__default.forwardRef((props, ref) => {
  const {
    className,
    width,
    height,
    selected,
    onClick,
    children
  } = props;
  return /*#__PURE__*/React__default.createElement("div", {
    className: [...(Array.isArray(className) ? className : [className]), `sendbird-reaction-button${selected ? '--selected' : ''}`].join(' '),
    ref: ref,
    role: "button",
    style: {
      width,
      height
    },
    onClick: e => onClick(e),
    onKeyDown: e => onClick(e),
    onTouchEnd: e => {
      onClick(e);
      // to stop longpress
      e.stopPropagation();
      e.nativeEvent.stopImmediatePropagation();
    },
    tabIndex: 0
  }, /*#__PURE__*/React__default.createElement("div", {
    className: "sendbird-reaction-button__inner"
  }, children));
});

export { ReactionButton as default };
//# sourceMappingURL=ReactionButton.js.map
