hh-ui-components
Version:
19 lines • 1.69 kB
JavaScript
import React, { useRef } from "react";
import SwiperArrowLeft from "../../Cart/CartSingleProduct/widget/arrowLeft";
import SwiperArrowRight from "../../Cart/CartSingleProduct/widget/arrowRight";
// title, size, price, discountedPrice, quantity, img, color, tag, onClick
export var CartBoxProvider = function (props, _a) {
var recomProducts = _a.recomProducts, title = _a.title;
var swiperButtonPrev22 = useRef(null);
var swiperButtonNext22 = useRef(null);
return (React.createElement("div", { className: "mt-30 relative w-full rounded-[10px] mb-[30px] bg-white py-20 2xl:py-20-2xl swiper-custom-layout " },
React.createElement("div", { className: "relative flex justify-between px-20 2xl:px-20-2xl mb-[17.5px] 2xl:mb-[1.215vw]" },
React.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.createElement(SwiperArrowLeft, null)),
React.createElement("p", { className: "text-utility-large uppercase tracking-[0.08em] 2xl:text-utility-large-2xl " }, title),
React.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.createElement(SwiperArrowRight, null))),
props.children));
};
export default CartBoxProvider;
//# sourceMappingURL=CartBoxProvider.js.map