import React from 'react';
import { _formatAmount } from "../../utils";
import "./index.less";
var prefix = 'pisell-lowcode-';
var Options = function Options(_ref) {
  var options = _ref.options,
    amountSymbol = _ref.amountSymbol;
  return (options === null || options === void 0 ? void 0 : options.length) > 0 ? /*#__PURE__*/React.createElement("div", {
    className: "".concat(prefix, "packages-product-bundle-option")
  }, options.map(function (option, index) {
    return /*#__PURE__*/React.createElement("div", {
      key: option.id,
      className: "".concat(prefix, "packages-product-bundle-option-item")
    }, /*#__PURE__*/React.createElement("div", {
      className: "".concat(prefix, "packages-product-bundle-option-item-left")
    }, /*#__PURE__*/React.createElement("span", null, option === null || option === void 0 ? void 0 : option.name), /*#__PURE__*/React.createElement("div", {
      className: "".concat(prefix, "packages-product-bundle-option-item-left-amount")
    }, /*#__PURE__*/React.createElement("span", null, _formatAmount(option === null || option === void 0 ? void 0 : option.price, amountSymbol)), /*#__PURE__*/React.createElement("span", null, "\xD7"), /*#__PURE__*/React.createElement("span", null, option === null || option === void 0 ? void 0 : option.num))), /*#__PURE__*/React.createElement("span", {
      className: "".concat(prefix, "packages-product-bundle-option-item-amount")
    }, _formatAmount((option === null || option === void 0 ? void 0 : option.price) * (option === null || option === void 0 ? void 0 : option.num), amountSymbol)));
  })) : null;
};
export default Options;