import React, { useState } from "react"; import { BsExclamationSquareFill } from "react-icons/bs"; 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, btnOnClick, catId }) => { const [isHovering, setIsHovering] = useState(false); const emkanat = [ { title: 'دستشویی', isActive: true, }, { title: 'آب خوری', isActive: true, }, { title: 'تخته هوشمند', isActive: true, }, { title: 'کامپیوتر', isActive: true, }, { title: 'کتابخانه', isActive: true, }, { title: 'مشاوره تحصیلی', isActive: true, }, { title: 'آزمایشگاه', isActive: false, }, ] if (catId == 1) { return (

{productName}

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

استاد : {teacher}

نوع گروه : A

{productPrice} تومان

) } if (catId == 2) { return (
{/* image */}

دبیرستان غیر انتفاعی مدرسان هوشمند

تهران خیابان انقلاب اسلامی حدفاصل ابوریحان و فلسطین پلاک2

شماره تلفن: ۰۲۱۶۶۴۵۶۷۳۸
آدرس وبسایت : www.google.com
آدرس بروی نقشه
امکانات : { emkanat.map((item, index) => (

{item.title}

)) }

{productPrice} تومان

) }else{ return
} }; 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 };