import React, { useState } from "react"; const ProductDesign = ({ colors, likeBtn, discount, discountPricePercent, discountPrice, productContent, star, productTags, priceDirection, productTitleAlignment, priceHolder, productHolderBorder, productHolderBorderColor, productTitleColor, productExcerptTextColor, productCat, productCatTextColor, rangeHolder, verticalImg, horizontalImg, rangeWidth, addToCartHolder, productName, productPrice, productImg, writeGHEIMAT, numberOfRegards, productHolderHoverBorder, hoverMode, teacher }) => { const [isHovering, setIsHovering] = useState(false); return (

{productName}

در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط در این قسمت قرار می‌گیرد

استاد : {teacher}

نوع گروه : A

{productPrice} تومان

); }; export default ProductDesign; ProductDesign.defaultProps = { // icons on product image colors: false, likeBtn: false, discount: false, discountPricePercent: false, // product price discountPrice: false, priceHolder: true, productContent: false, star: true, productTags: [], productCat: true, rangeHolder: true, // دو مدل عکس طراحی کردم که یکی عرض بیشتری دارد یکی ارتفاع verticalImg: true, horizontalImg: false, addToCartHolder: false, productTitleColor: "text-productTitle", productExcerptTextColor: "text-productContent", productCatTextColor: "text-darkCrimsonTextColor", // برای درصد دادن به عرض رنج rangeWidth: "w-44", //دی ای وی که محصول داخلش است میتونیم بهش بوردر بدیم productHolderBorder: "border", productHolderBorderColor: "border-grayBorderColor", productTitleAlignment: "text-justify", //میتونیم تعیین کنیم که قیمت و دکمه اضاف به سبد خرید کنار یکدیگر باشند یا زیر هم priceDirection: "flex-row", // productImg: book, writeGHEIMAT: false };