'use strict';

var React = require('react');
var color = require('../color-0c04efbd.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

const TextButton = _ref => {
  let {
    className = '',
    color: color$1 = color.Colors.ONBACKGROUND_1,
    disabled = false,
    disableUnderline = false,
    onClick = () => {/* noop */},
    children
  } = _ref;
  return /*#__PURE__*/React__default["default"].createElement("div", {
    className: [...(Array.isArray(className) ? className : [className]), color.changeColorToClassName(color$1), 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);
};

module.exports = TextButton;
//# sourceMappingURL=TextButton.js.map
