import useEngineContext from "../../../../../../hooks/useEngineContext.js";
import { _formatAmount } from "../../utils.js";
import Options from "../options/index.js";
import Footer from "../../../AmountFooter/index.js";
import Note from "../../../Note/index.js";
import React from "react";
//#region src/components/productCard/components/Packages/components/collapsibleList/utils.tsx
const prefix = "pisell-lowcode-";
const renderBundles = (item, hidePrice, isShowPackageNote) => {
	var _context$appHelper;
	let translation = (text) => "";
	const context = useEngineContext();
	const utils = context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils;
	translation = (utils === null || utils === void 0 ? void 0 : utils.translationOriginal) || (utils === null || utils === void 0 ? void 0 : utils.translation);
	const { title, name, id, price, symbol, options, option } = item;
	return /* @__PURE__ */ React.createElement("div", {
		key: id,
		className: `${prefix}packages-product-bundle-item`
	}, /* @__PURE__ */ React.createElement("div", { className: `${prefix}packages-product-bundle-info` }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}packages-product-bundle-info-title` }, translation(title || name)), !hidePrice ? /* @__PURE__ */ React.createElement("div", { className: `${prefix}packages-product-bundle-info-num` }, _formatAmount(price, symbol)) : null), /* @__PURE__ */ React.createElement(Options, {
		options: options || option,
		amountSymbol: symbol
	}), /* @__PURE__ */ React.createElement(Footer, { item }), isShowPackageNote ? /* @__PURE__ */ React.createElement(Note, {
		item,
		type: "inside"
	}) : null);
};
//#endregion
export { renderBundles };
