import React from "react"; import StarRating from "../starRating/StarRating"; import book from "../../assets/images/goldon.png"; import watermelon from "../../assets/images/watermelon.png"; import discountImg from "../../assets/icons/discount.png"; import heart from "../../assets/icons/vuesax-linear-heart.svg"; import YellowDotIcon from "../../assets/icons/yellowDotIcon.svg"; import RedDotIcon from "../../assets/icons/redDotIcon.svg"; import PurpleDotIcon from "../../assets/icons/purpleDotIcon.svg"; import LightBlueDotIcon from "../../assets/icons/lightBlueDotIcon.svg"; import whitePlayIcon from "../../assets/icons/white-play-button-icon.svg"; import darkPlayIcon from "../../assets/icons/dark-play-button-icon.svg"; const VodProductDesign = ({ colors, likeBtn, discount, discountPricePercent, discountPrice, productContent, star, productTags, priceDirection, productTitleAlignment, priceHolder, productHolderBorder, productHolderBorderColor, productTitleColor, productCat, rangeHolder, priceTitle, productPriceAmountTitle, addToCartHolder, verticalImg, horizontalImg, }) => { return (
{/* title holder */}

طراحی محصولات vod

آدرس: vodProductDesign

{/* product UI Design */}
{/* img */}
{/* play button */}
{/* select Color */} {colors && (
)}
{/* content */}

نسخه چاپی علموم تجربه هفتم

{productContent && (

این کتاب شامل گلدان و گیاه و خاک می باشد و همچنین آپشن های خوب دیگری نیز دارد.

)} {productCat && ( پایه سوم )}
{/* price */}
{priceHolder && (
{/* price */}
{priceTitle && ( قیمت )} {discountPrice && (

145تومان

)}

145.000تومان

{/* add to cart */} {addToCartHolder && ( )}
)} {star && (
39
)}
{productTags && (
)} {rangeHolder && (
)}
); }; export default VodProductDesign; // text colors i used: // text-productPrice VodProductDesign.defaultProps = { colors: false, likeBtn: false, discount: false, discountPricePercent: false, discountPrice: false, productContent: false, star: true, productTags: false, priceHolder: true, priceTitle: false, productCat: true, rangeHolder: true, verticalImg: false, horizontalImg: true, addToCartHolder: false, productTitleColor: "text-darkCrimsonTextColor", productPriceAmountTitle: "text-productPrice", productHolderBorder: "border", productHolderBorderColor: "border-grayBorderColor", productTitleAlignment: "text-justify", priceDirection: "flex-row", };