|  |  | @ -40,7 +40,7 @@ const ProductDesign = ({ | 
			
		
	
		
		
			
				
					
					|  |  |  |           </span> |  |  |  |           </span> | 
			
		
	
		
		
			
				
					
					|  |  |  |           است و داخل این کامپوننت شما میتوانید با |  |  |  |           است و داخل این کامپوننت شما میتوانید با | 
			
		
	
		
		
			
				
					
					|  |  |  |           <span className="bg-blue-400 text-white rounded shadow-sm px-2 py-1 mx-2"> |  |  |  |           <span className="bg-blue-400 text-white rounded shadow-sm px-2 py-1 mx-2"> | 
			
		
	
		
		
			
				
					
					|  |  |  |             ture - false |  |  |  |             true - false | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |           </span> |  |  |  |           </span> | 
			
		
	
		
		
			
				
					
					|  |  |  |           کردن |  |  |  |           کردن | 
			
		
	
		
		
			
				
					
					|  |  |  |           <span className="bg-blue-400 text-white rounded shadow-sm px-2 py-1 mx-2"> |  |  |  |           <span className="bg-blue-400 text-white rounded shadow-sm px-2 py-1 mx-2"> | 
			
		
	
	
		
		
			
				
					|  |  | @ -92,10 +92,10 @@ const ProductDesign = ({ | 
			
		
	
		
		
			
				
					
					|  |  |  |               {/* select Color */} |  |  |  |               {/* select Color */} | 
			
		
	
		
		
			
				
					
					|  |  |  |               {colors && ( |  |  |  |               {colors && ( | 
			
		
	
		
		
			
				
					
					|  |  |  |                 <div className="flex items-center absolute right-2 bottom-2"> |  |  |  |                 <div className="flex items-center absolute right-2 bottom-2"> | 
			
		
	
		
		
			
				
					
					|  |  |  |                   <img src={YellowDotIcon} alt="" /> |  |  |  |                   <img src={YellowDotIcon} alt="" className="w-3 h-3" /> | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |                   <img src={RedDotIcon} alt="" /> |  |  |  |                   <img src={RedDotIcon} alt="" className="w-3 h-3" /> | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |                   <img src={PurpleDotIcon} alt="" /> |  |  |  |                   <img src={PurpleDotIcon} alt="" className="w-3 h-3" /> | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |                   <img src={LightBlueDotIcon} alt="" /> |  |  |  |                   <img src={LightBlueDotIcon} alt="" className="w-3 h-3" /> | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
			
				
					
					|  |  |  |                 </div> |  |  |  |                 </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |               )} |  |  |  |               )} | 
			
		
	
		
		
			
				
					
					|  |  |  |             </div> |  |  |  |             </div> | 
			
		
	
	
		
		
			
				
					|  |  | @ -143,7 +143,7 @@ const ProductDesign = ({ | 
			
		
	
		
		
			
				
					
					|  |  |  |               </div> |  |  |  |               </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |               {/* add to cart */} |  |  |  |               {/* add to cart */} | 
			
		
	
		
		
			
				
					
					|  |  |  |               <button |  |  |  |               <button | 
			
		
	
		
		
			
				
					
					|  |  |  |                 className={`rounded-2xl px-2 py-3 border text-xs text-productPrice ${ |  |  |  |                 className={`rounded-2xl px-2 py-3 border text-xs text-productPrice mt-2 ${ | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |                   priceDirection.indexOf("col") !== -1 ? "w-full" : "" |  |  |  |                   priceDirection.indexOf("col") !== -1 ? "w-full" : "" | 
			
		
	
		
		
			
				
					
					|  |  |  |                 }`}
 |  |  |  |                 }`}
 | 
			
		
	
		
		
			
				
					
					|  |  |  |               > |  |  |  |               > | 
			
		
	
	
		
		
			
				
					|  |  | 
 |