import React__default from 'react';
import { C as Colors, c as changeColorToClassName } from '../color-9519a526.js';

const TextButton = _ref => {
  let {
    className = '',
    color = Colors.ONBACKGROUND_1,
    disabled = false,
    disableUnderline = false,
    onClick = () => {/* noop */},
    children
  } = _ref;
  return /*#__PURE__*/React__default.createElement("div", {
    className: [...(Array.isArray(className) ? className : [className]), changeColorToClassName(color), disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton', disabled ? 'sendbird-textbutton--disabled' : ''].join(' '),
    role: "button",
    tabIndex: 0,
    onClick: e => onClick(e),
    onKeyPress: e => onClick(e)
  }, children);
};

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