import React from 'react';
import "./index.less";
import { PREFIX, productCardDefault } from "../../status";
var TooltipTags = function TooltipTags(_ref) {
  var _dataSource$tooltip_t;
  var props = _ref.props;
  var skuExtraConfig = props.skuExtraConfig,
    className = props.className,
    skuCardConfig = props.skuCardConfig,
    dataSource = props.dataSource;
  var _ref2 = skuExtraConfig || (productCardDefault === null || productCardDefault === void 0 ? void 0 : productCardDefault.skuExtraConfig) || {},
    isOpen = _ref2.isOpen,
    isTooltipTag = _ref2.isTooltipTag,
    isTooltipTagSlot = _ref2.isTooltipTagSlot;
  var _ref3 = skuCardConfig || (productCardDefault === null || productCardDefault === void 0 ? void 0 : productCardDefault.skuCardConfig) || {},
    radius = _ref3.radius,
    displayMode = _ref3.displayMode;

  // 不开启或不开启悬浮标签或没有标签数据
  if (!isOpen || !isTooltipTag) return null;

  // 显示模式为A1时不展示悬浮标签
  if (displayMode === 'display_a1') return null;
  return /*#__PURE__*/React.createElement("div", {
    className: "".concat(PREFIX, "__card-tooltip-tags  ").concat(className)
  }, isTooltipTagSlot ? isTooltipTagSlot : /*#__PURE__*/React.createElement("div", {
    className: "".concat(PREFIX, "__card-tooltip-tags-list")
  }, dataSource === null || dataSource === void 0 || (_dataSource$tooltip_t = dataSource.tooltip_tags) === null || _dataSource$tooltip_t === void 0 ? void 0 : _dataSource$tooltip_t.map(function (item, index) {
    return /*#__PURE__*/React.createElement("div", {
      key: index,
      className: "".concat(PREFIX, "__card-tooltip-tags-item"),
      style: {
        borderTopLeftRadius: index === 0 ? radius : 0,
        borderTopRightRadius: index === 0 ? 0 : '12px'
      }
    }, item.title);
  })));
};
export default TooltipTags;