|  |  | @ -13,15 +13,21 @@ const TitleSubtitle = ({ | 
			
		
	
		
		
			
				
					
					|  |  |  |       {/*  page Title */} |  |  |  |       {/*  page Title */} | 
			
		
	
		
		
			
				
					
					|  |  |  |       {title && ( |  |  |  |       {title && ( | 
			
		
	
		
		
			
				
					
					|  |  |  |         <div className="flex flex-row items-center mb-3"> |  |  |  |         <div className="flex flex-row items-center mb-3"> | 
			
		
	
		
		
			
				
					
					|  |  |  |           <div className={`rounded-sm ${titleBorderClassName}`}></div> |  |  |  |           <div | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |           <h2 className={`${titleClassName}`}>{title}</h2> |  |  |  |             className={`rounded bg-primaryDark ${titleBorderClassName}`} | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |           ></div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |           <h2 className={`text-primaryText ${titleClassName}`}>{title}</h2> | 
			
		
	
		
		
			
				
					
					|  |  |  |         </div> |  |  |  |         </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |       )} |  |  |  |       )} | 
			
		
	
		
		
			
				
					
					|  |  |  |       {/* page subTitle */} |  |  |  |       {/* page subTitle */} | 
			
		
	
		
		
			
				
					
					|  |  |  |       {subTitle && ( |  |  |  |       {subTitle && ( | 
			
		
	
		
		
			
				
					
					|  |  |  |         <div className="flex flex-row items-center"> |  |  |  |         <div className="flex flex-row items-center"> | 
			
		
	
		
		
			
				
					
					|  |  |  |           <div className={`rounded ml-1 ${subtitleBorderClassName}`}></div> |  |  |  |           <div | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |           <p className={`text-xs ${subtitleClassName}`}>{subTitle}</p> |  |  |  |             className={`rounded bg-primaryDark ${subtitleBorderClassName}`} | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |           ></div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |           <p className={`text-xs text-primaryDark ${subtitleClassName}`}> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |             {subTitle} | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |           </p> | 
			
		
	
		
		
			
				
					
					|  |  |  |         </div> |  |  |  |         </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |       )} |  |  |  |       )} | 
			
		
	
		
		
			
				
					
					|  |  |  |     </div> |  |  |  |     </div> | 
			
		
	
	
		
		
			
				
					|  |  | @ -33,9 +39,10 @@ export default TitleSubtitle; | 
			
		
	
		
		
			
				
					
					|  |  |  | TitleSubtitle.defaultProps = { |  |  |  | TitleSubtitle.defaultProps = { | 
			
		
	
		
		
			
				
					
					|  |  |  |   title: "میزان فروش محصولات", |  |  |  |   title: "میزان فروش محصولات", | 
			
		
	
		
		
			
				
					
					|  |  |  |   subTitle: "اطلاعات جداول مشخصاتی کارکنان مجموعه ایران تایر", |  |  |  |   subTitle: "اطلاعات جداول مشخصاتی کارکنان مجموعه ایران تایر", | 
			
		
	
		
		
			
				
					
					|  |  |  |   titleClassName: "text-base font-normal text-[#233876]", |  |  |  |  | 
			
		
	
		
		
			
				
					
					|  |  |  |   titleBorderClassName: "w-1 h-5 bg-blue-600 ml-1", |  |  |  |  | 
			
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  |   subtitleClassName: "text-gray-900", |  |  |  |   titleClassName: "text-base", | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |   subtitleBorderClassName: "w-1 h-5 bg-gray-400", |  |  |  |   titleBorderClassName: "w-1 h-5 ml-1", | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   subtitleClassName: "", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   subtitleBorderClassName: "w-1 h-5 ml-1", | 
			
		
	
		
		
			
				
					
					|  |  |  | }; |  |  |  | }; | 
			
		
	
	
		
		
			
				
					|  |  | 
 |