import React, { useState } from "react"; import Button from "../../ButtonDesign/Button"; const ProductSuggestion1 = ({ suggestions, cardTitle, totalAmountTitle, totalAmount, selectedItems, }) => { const [selectedProduct, setSelectedProduct] = useState([]); return (

{cardTitle}

{/* product design */}
{suggestions.map((suggestion, index) => (
setSelectedProduct(suggestion)} onClick={() => setSelectedProduct( selectedProduct.includes(suggestion) ? selectedProduct.filter((item) => item != suggestion) : [...selectedProduct, suggestion] ) } > productImage

{suggestion.productTitle}

{suggestion.productPrice} تومان

{/* {suggestion.selected && ( انتخاب شما )} */} {selectedProduct.includes(suggestion) && ( انتخاب شما )} setSelectedProduct( selectedProduct.includes(suggestion) ? selectedProduct.filter((item) => item != suggestion) : [...selectedProduct, suggestion] ) } className="w-4 mt-4 cursor-pointer " type="checkbox" />
{Number(index) !== suggestions.length - 1 && ( plus )}
))}
{/* bottom */}

{totalAmountTitle} {totalAmount} تومان

{selectedItems} کالا

در صورت تمایل می توانید موارد بالا را به سبد خرید اضافه کنید

); }; export default ProductSuggestion1; ProductSuggestion1.defaultProps = { cardTitle: "این کالاها برای خرید به شما پیشنهام می دهیم", totalAmountTitle: "جمع لوازم اختیاری خریداری شده", totalAmount: "56/894/400", selectedItems: 1, suggestions: [ { productImage: "images/ProductSuggestion1product-chair.svg", productTitle: "لپ تاپ گیمینگ ایسوس", productPrice: "750000", }, { productImage: "images/ProductSuggestion1product-chair.svg", productTitle: "مانیتور 40 اینچ", productPrice: "3.000.000", }, { productImage: "images/ProductSuggestion1product-chair.svg", productTitle: "ماوس گیمینگ", productPrice: "650/000", }, { productImage: "images/ProductSuggestion1product-chair.svg", productTitle: "مانیتور 40 اینچ", productPrice: "3.000.000", }, { productImage: "images/ProductSuggestion1product-chair.svg", productTitle: "ماوس گیمینگ", productPrice: "650/000", }, { productImage: "images/ProductSuggestion1product-chair.svg", productTitle: "ماوس گیمینگ", productPrice: "650/000", }, { productImage: "images/ProductSuggestion1product-chair.svg", productTitle: "ماوس گیمینگ", productPrice: "650/000", }, { productImage: "images/ProductSuggestion1product-chair.svg", productTitle: "ماوس گیمینگ", productPrice: "650/000", }, ], };