const require_runtime = require("../../../../../../_virtual/_rolldown/runtime.js");
const require_status = require("../../status.js");
let react = require("react");
react = require_runtime.__toESM(react);
require("./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.default.createElement("div", { className: `${require_status.PREFIX}__card-tooltip-tags  ${className}` }, isTooltipTagSlot ? isTooltipTagSlot : /* @__PURE__ */ react.default.createElement("div", { className: `${require_status.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.default.createElement("div", {
		key: index,
		className: `${require_status.PREFIX}__card-tooltip-tags-item`,
		style: {
			borderTopLeftRadius: index === 0 ? radius : 0,
			borderTopRightRadius: index === 0 ? 0 : "12px"
		}
	}, item.title))));
};
//#endregion
exports.default = TooltipTags;
