UNPKG

@sberdevices/plasma-temple

Version:

SberDevices CanvasApp Templates.

54 lines (44 loc) 2.33 kB
"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