master
mahdi 3 years ago
parent 93e0b6d26d
commit c6f02a59f8
  1. 945
      src/components/productTags/ProductTags.js

@ -62,6 +62,945 @@ const ProductTags = ({
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بچسب های دیگر
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان سخت
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان آسان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
آزمون
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
</div>
{/* 2 */}
<div className="mt-2 flex flex-wrap w-1/5 ">
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
ارسال رایگان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بچسب های دیگر
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان سخت
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان آسان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
آزمون
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
</div>
{/* 3 */}
<div className="mt-2 flex flex-wrap w-1/5 ">
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
ارسال رایگان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بچسب های دیگر
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان سخت
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان آسان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
آزمون
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
</div>
{/* 4 */}
<div className="mt-2 flex flex-wrap w-1/5 ">
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
ارسال رایگان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بچسب های دیگر
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان سخت
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان آسان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
آزمون
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
</div>
</div>
</section>
@ -98,14 +1037,14 @@ export default ProductTags;
ProductTags.defaultProps = {
tagtitlecolor: "text-grayTextColor",
tagBgColor: "bg-productTagBg",
tagBgColor: "bg-transparent",
tagBorderColor: "border-grayBorderColor",
// for icons
deliveryIcon: false,
deliveryIcon: true,
rightIcon: false,
darkSettingsIcon: false,
greenGiftIcon: false,
purpleCheckboxIcon: false,
blueNewspaperIcon: true,
blueNewspaperIcon: false,
cancleIcon: true,
};

Loading…
Cancel
Save