@sberdevices/plasma-temple
Version:
SberDevices CanvasApp Templates.
54 lines (44 loc) • 2.33 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.EmptyCartMobile = void 0;
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
var _plasmaUi = /*#__PURE__*/require("@sberdevices/plasma-ui");
var _EmptyCartCommon = /*#__PURE__*/require("./EmptyCart@common");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var StyledWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
componentId: "plasma-temple__sc-1kfytn3-0"
})(["position:fixed;top:0;bottom:0;left:var(--plasma-grid-margin);right:var(--plasma-grid-margin);display:flex;height:100%;flex-direction:column;align-items:center;padding-bottom:", "px;"], function (_ref) {
var bottom = _ref.bottom;
return bottom !== null && bottom !== void 0 ? bottom : 72;
});
var StyledText = /*#__PURE__*/(0, _styledComponents["default"])(_plasmaUi.Headline2).withConfig({
componentId: "plasma-temple__sc-1kfytn3-1"
})(["margin-top:0.5rem;flex:1;"]);
var EmptyCartMobile = function EmptyCartMobile(_ref2) {
var insets = _ref2.insets,
_ref2$imageSrc = _ref2.imageSrc,
imageSrc = _ref2$imageSrc === void 0 ? '' : _ref2$imageSrc,
_ref2$buttonText = _ref2.buttonText,
buttonText = _ref2$buttonText === void 0 ? _EmptyCartCommon.defaultButtonText : _ref2$buttonText,
className = _ref2.className,
onGoToCatalog = _ref2.onGoToCatalog;
return /*#__PURE__*/_react["default"].createElement(StyledWrapper, {
className: className,
bottom: insets === null || insets === void 0 ? void 0 : insets.bottom
}, /*#__PURE__*/_react["default"].createElement(_plasmaUi.Image, {
base: "div",
src: imageSrc,
ratio: "1 / 1",
"data-cy": "EmptyCart-image"
}), /*#__PURE__*/_react["default"].createElement(StyledText, null, "\u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0435 \u043F\u0443\u0441\u0442\u043E"), onGoToCatalog && /*#__PURE__*/_react["default"].createElement(_plasmaUi.Button, {
view: "primary",
onClick: onGoToCatalog,
stretch: true,
"data-cy": "EmptyCart-button"
}, buttonText));
};
exports.EmptyCartMobile = EmptyCartMobile;
//# sourceMappingURL=EmptyCart@mobile.js.map