import { b as _extends } from '../_rollupPluginBabelHelpers-4f8ebde4.js';
import React__default from 'react';
import { u as useLongPress } from '../useLongPress-cb2d23be.js';
import { n as noop } from '../utils-b53fe532.js';
import '../MediaQueryContext-b4904a2e.js';

const ReactionButton = /*#__PURE__*/React__default.forwardRef((props, ref) => {
  const {
    className,
    width,
    height,
    selected,
    dataSbId = '',
    onClick,
    children
  } = props;
  const onClickHandler = useLongPress({
    onLongPress: noop,
    onClick
  }, {
    shouldPreventDefault: true,
    shouldStopPropagation: true
  });
  return /*#__PURE__*/React__default.createElement("div", _extends({
    className: [...(Array.isArray(className) ? className : [className]), `sendbird-reaction-button${selected ? '--selected' : ''}`].join(' '),
    ref: ref,
    role: "button",
    style: {
      width,
      height
    }
  }, onClickHandler, {
    tabIndex: 0,
    "data-sb-id": dataSbId
  }), /*#__PURE__*/React__default.createElement("div", {
    className: "sendbird-reaction-button__inner"
  }, children));
});

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