hh-ui-components
Version:
24 lines • 2.04 kB
JavaScript
;
exports.__esModule = true;
exports.CartBoxProvider = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var arrowLeft_1 = tslib_1.__importDefault(require("../../Cart/CartSingleProduct/widget/arrowLeft"));
var arrowRight_1 = tslib_1.__importDefault(require("../../Cart/CartSingleProduct/widget/arrowRight"));
// title, size, price, discountedPrice, quantity, img, color, tag, onClick
var CartBoxProvider = function (props, _a) {
var recomProducts = _a.recomProducts, title = _a.title;
var swiperButtonPrev22 = (0, react_1.useRef)(null);
var swiperButtonNext22 = (0, react_1.useRef)(null);
return (react_1["default"].createElement("div", { className: "mt-30 relative w-full rounded-[10px] mb-[30px] bg-white py-20 2xl:py-20-2xl swiper-custom-layout " },
react_1["default"].createElement("div", { className: "relative flex justify-between px-20 2xl:px-20-2xl mb-[17.5px] 2xl:mb-[1.215vw]" },
react_1["default"].createElement("button", { className: "swiperButtonPrev22 mr-10 h-4 w-4 2xl:w-[1.111vw] 2xl:h-[1.111vw] ".concat(recomProducts.length === 1 ? "swiper-button-disabled" : null, " "), ref: recomProducts.length <= 1 ? null : swiperButtonPrev22, "aria-label": "swiper-btn" },
react_1["default"].createElement(arrowLeft_1["default"], null)),
react_1["default"].createElement("p", { className: "text-utility-large uppercase tracking-[0.08em] 2xl:text-utility-large-2xl " }, title),
react_1["default"].createElement("button", { className: "swiperButtonNext22 h-4 w-4 2xl:w-[1.111vw] 2xl:h-[1.111vw] ".concat(recomProducts.length === 1 ? "swiper-button-disabled" : null), ref: recomProducts.length <= 1 ? null : swiperButtonNext22, "aria-label": "swiper-btn" },
react_1["default"].createElement(arrowRight_1["default"], null))),
props.children));
};
exports.CartBoxProvider = CartBoxProvider;
exports["default"] = exports.CartBoxProvider;
//# sourceMappingURL=CartBoxProvider.js.map