@sberdevices/plasma-temple/dist/components/Cart/CartOrder/CartOrder@mobile.js

SberDevices CanvasApp Templates.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CartOrderMobile = CartOrderMobile;

var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));

var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));

var _plasmaUi = /*#__PURE__*/require("@sberdevices/plasma-ui");

var _plasmaTokens = /*#__PURE__*/require("@sberdevices/plasma-tokens");

var _CartOrderDetailsMobile = /*#__PURE__*/require("../CartOrderDetails/CartOrderDetails@mobile");

var _CartOrderCommon = /*#__PURE__*/require("./CartOrder@common");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var StyledAdditionalInfo = /*#__PURE__*/(0, _styledComponents["default"])(_plasmaUi.Footnote1).withConfig({
  componentId: "plasma-temple__sc-u3tozw-0"
})(["margin-top:1rem;color:", ";text-align:center;"], _plasmaTokens.secondary);
var StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(_plasmaUi.Button).withConfig({
  componentId: "plasma-temple__sc-u3tozw-1"
})(["display:flex;justify-content:space-between;", ""], function (_ref) {
  var bottom = _ref.bottom;
  return bottom && "\n            position: fixed;\n            bottom: ".concat(bottom, "px;\n            left: var(--plasma-grid-margin);\n            width: calc(100% - 2 * var(--plasma-grid-margin));\n        ");
});

var StyledContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
  componentId: "plasma-temple__sc-u3tozw-2"
})(["", ""], function (_ref2) {
  var bottom = _ref2.bottom;
  return bottom && "\n            padding-bottom: ".concat(bottom + 64, "px;\n        ");
});

function CartOrderMobile(_ref3) {
  var order = _ref3.order,
      disabled = _ref3.disabled,
      insets = _ref3.insets,
      checkoutButtonContent = _ref3.checkoutButtonContent,
      additionalInfo = _ref3.additionalInfo,
      onCheckout = _ref3.onCheckout;
  var amount = order.amount,
      deliveryPrice = order.deliveryPrice,
      minDeliveryPrice = order.minDeliveryPrice,
      discount = order.discount,
      percentDiscount = order.percentDiscount,
      currency = order.currency,
      orderDetails = order.orderDetails;
  var content = checkoutButtonContent !== null && checkoutButtonContent !== void 0 ? checkoutButtonContent : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", null, "\u041E\u0444\u043E\u0440\u043C\u0438\u0442\u044C \u0437\u0430\u043A\u0430\u0437"), /*#__PURE__*/_react["default"].createElement(_plasmaUi.Price, null, amount));
  return /*#__PURE__*/_react["default"].createElement(StyledContainer, {
    bottom: insets === null || insets === void 0 ? void 0 : insets.bottom
  }, /*#__PURE__*/_react["default"].createElement(_CartOrderDetailsMobile.CartOrderDetailsMobile, {
    amount: amount,
    currency: currency,
    deliveryPrice: deliveryPrice,
    minDeliveryPrice: minDeliveryPrice,
    discount: discount,
    percentDiscount: percentDiscount,
    orderDetails: orderDetails
  }), /*#__PURE__*/_react["default"].createElement(StyledButton, {
    view: "primary",
    stretch: true,
    onClick: onCheckout,
    disabled: disabled,
    size: "m",
    bottom: insets === null || insets === void 0 ? void 0 : insets.bottom,
    "data-cy": "CartOrder-button"
  }, /*#__PURE__*/_react["default"].createElement(_CartOrderCommon.CheckoutButtonContent, {
    content: content
  })), /*#__PURE__*/_react["default"].createElement(StyledAdditionalInfo, {
    color: _plasmaTokens.secondary
  }, additionalInfo));
}
//# sourceMappingURL=CartOrder@mobile.js.map