import { PREFIX } from "../../status.js";
import React from "react";
import "./index.less";
//#region src/plus/productSelect/ProductCard/SkuCard/components/TooltipTags/index.tsx
const TooltipTags = ({ props }) => {
	var _dataSource$tooltip_t;
	const { skuExtraConfig, className, skuCardConfig, dataSource } = props;
	const { isOpen, isTooltipTag, isTooltipTagSlot } = skuExtraConfig || {};
	const { radius, displayMode } = skuCardConfig || {};
	if (!isOpen || !isTooltipTag) return null;
	if (displayMode === "display_a1") return null;
	return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__card-tooltip-tags  ${className}` }, isTooltipTagSlot ? isTooltipTagSlot : /* @__PURE__ */ React.createElement("div", { className: `${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((item, index) => /* @__PURE__ */ React.createElement("div", {
		key: index,
		className: `${PREFIX}__card-tooltip-tags-item`,
		style: {
			borderTopLeftRadius: index === 0 ? radius : 0,
			borderTopRightRadius: index === 0 ? 0 : "12px"
		}
	}, item.title))));
};
//#endregion
export { TooltipTags as default };
