const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
const require_index = require("../../index.js");
let react = require("react");
react = require_runtime.__toESM(react);
let _pisell_utils = require("@pisell/utils");
require("./index.less");
//#region src/components/productCard/cartSkuCard/components/specs/index.tsx
const Specs = (props) => {
	const { dataSource = {} } = props;
	const { bundle, options, product_option_string, symbol } = dataSource;
	const more = /* @__PURE__ */ react.default.createElement("div", { style: {
		color: "#667085",
		fontSize: 10,
		lineHeight: "10px"
	} }, _pisell_utils.locales.getText("pisell2.cart.sku-card.more"));
	if (Array.isArray(bundle) && (bundle === null || bundle === void 0 ? void 0 : bundle.length) > 0) {
		const first = bundle[0];
		return /* @__PURE__ */ react.default.createElement("div", { className: `${require_index.PREFIX}__specs` }, /* @__PURE__ */ react.default.createElement("div", null, first.title), bundle.length > 1 ? more : null);
	}
	if (product_option_string) return /* @__PURE__ */ react.default.createElement("div", { className: `${require_index.PREFIX}__specs` }, /* @__PURE__ */ react.default.createElement("div", null, product_option_string), options.length > 1 ? more : null);
	if (options.length > 0) {
		const first = options[0];
		return /* @__PURE__ */ react.default.createElement("div", { className: `${require_index.PREFIX}__specs` }, /* @__PURE__ */ react.default.createElement("div", { className: "spec-item" }, /* @__PURE__ */ react.default.createElement("span", { className: "spec-name" }, first.name), /* @__PURE__ */ react.default.createElement("span", { className: "spec-num" }, /* @__PURE__ */ react.default.createElement("span", null, symbol, first.price), /* @__PURE__ */ react.default.createElement("span", null), "x", /* @__PURE__ */ react.default.createElement("span", null, first.num))), options.length > 1 ? more : null);
	}
	return null;
};
//#endregion
exports.default = Specs;
