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", "content", "animation", "disabled", "marginLeft", "marginTop", "datas", "size"];
import * as React from 'react';
import "./index.css";
var CloseTag = function closeTag(_ref) {
  var color = _ref.color,
    _ref$style = _ref.style,
    style = _ref$style === void 0 ? {} : _ref$style,
    type = _ref.type,
    content = _ref.content,
    animation = _ref.animation,
    disabled = _ref.disabled,
    marginLeft = _ref.marginLeft,
    marginTop = _ref.marginTop,
    datas = _ref.datas,
    size = _ref.size,
    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
  var _style = style || {};
  if (color) {
    _style.backgroundColor = color;
  }
  var _otherProps = otherProps || {};
  _otherProps.style = _style;
  function hexToRgba(hex, opacity) {
    if (!hex) hex = '#ededed';
    var rgba = 'rgba(' + parseInt('0x' + hex.slice(1, 3)) + ',' + parseInt('0x' + hex.slice(3, 5)) + ',' + parseInt('0x' + hex.slice(5, 7)) + ',' + (opacity || "1") + ')';
    return rgba;
  }
  return /*#__PURE__*/React.createElement("div", null, datas.map(function (item, index) {
    return /*#__PURE__*/React.createElement(_Tag.Closeable, _extends({
      prefix: "next-",
      animation: animation,
      disabled: disabled
    }, _otherProps, {
      size: size,
      type: type,
      style: {
        "color": item.color,
        "borderColor": item.color,
        borderWidth: "1px",
        "borderStyle": "solid",
        "marginLeft": marginLeft + 'px',
        "marginTop": marginTop + 'px'
      }
    }), item.content);
  }));
};
CloseTag.displayName = 'closeTag';
export default CloseTag;