import _Tag from "@alifd/next/es/tag";
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
var _excluded = ["color", "style", "type", "animation", "disabled", "content", "size"];
import * as React from 'react';
import "./index.scss";
var tagSelect = function tagSelect(_ref) {
  var color = _ref.color,
    _ref$style = _ref.style,
    style = _ref$style === void 0 ? {} : _ref$style,
    type = _ref.type,
    animation = _ref.animation,
    disabled = _ref.disabled,
    content = _ref.content,
    size = _ref.size,
    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
  var _style = style || {};
  if (color) {
    _style.backgroundColor = color;
  }
  var _otherProps = otherProps || {};
  _otherProps.style = _style;
  return /*#__PURE__*/React.createElement(_Tag.Selectable, _extends({
    // animation={animation}
    type: type,
    disabled: disabled,
    onChange: function () {
      this.onChange.apply(this, Array.prototype.slice.call(arguments).concat([]));
    }.bind(this)
  }, _otherProps, {
    size: size
  }), content);
};
tagSelect.displayName = 'tagSelect';
export default tagSelect;