'use strict';

exports.__esModule = true;

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/**
 * @component CloseIcon
 * @variations collab-ui-react
 */

var CloseIcon = function CloseIcon(props) {
  var className = props.className,
      onClick = props.onClick,
      otherHTMLProps = (0, _objectWithoutProperties3.default)(props, ['className', 'onClick']);


  return _react2.default.createElement('button', (0, _extends3.default)({
    'aria-label': 'Close',
    className: 'cui-close' + ('' + (className && ' ' + className || '')),
    onClick: onClick
  }, otherHTMLProps));
};

CloseIcon.defaultProps = {
  onClick: function onClick() {},
  className: ''
};

CloseIcon.displayName = 'CloseIcon';

exports.default = CloseIcon;
module.exports = exports['default'];