|
|
|
@ -3,24 +3,16 @@ import React from "react"; |
|
|
|
|
const TitleSubtitle = ({ |
|
|
|
|
title, |
|
|
|
|
subTitle, |
|
|
|
|
titleColor, |
|
|
|
|
titleFontWeight, |
|
|
|
|
titleFontSize, |
|
|
|
|
titleDividerBgColor, |
|
|
|
|
titleDividerWidth, |
|
|
|
|
titleDividerHeight, |
|
|
|
|
titleClassName, |
|
|
|
|
titleBorderClassName, |
|
|
|
|
}) => { |
|
|
|
|
return ( |
|
|
|
|
<div> |
|
|
|
|
{/* page Title */} |
|
|
|
|
{title && ( |
|
|
|
|
<div className="flex flex-row items-center"> |
|
|
|
|
<div |
|
|
|
|
className={`rounded ml-1 ${titleDividerBgColor} ${titleDividerWidth} ${titleDividerHeight}`} |
|
|
|
|
></div> |
|
|
|
|
<h2 className={`${titleColor} ${titleFontWeight} ${titleFontSize}`}> |
|
|
|
|
{title} |
|
|
|
|
</h2> |
|
|
|
|
<div className={`rounded ml-1 ${titleClassName}`}></div> |
|
|
|
|
<h2 className={`${titleBorderClassName}`}>{title}</h2> |
|
|
|
|
</div> |
|
|
|
|
)} |
|
|
|
|
{/* page subTitle */} |
|
|
|
@ -39,11 +31,6 @@ export default TitleSubtitle; |
|
|
|
|
TitleSubtitle.defaultProps = { |
|
|
|
|
title: "میزان فروش محصولات", |
|
|
|
|
subTitle: "اطلاعات جداول مشخصاتی کارکنان مجموعه ایران تایر", |
|
|
|
|
|
|
|
|
|
titleColor: "text-[#233876]", |
|
|
|
|
titleFontWeight: "font-normal", |
|
|
|
|
titleFontSize: "text-base", |
|
|
|
|
titleDividerBgColor: "bg-blue-600", |
|
|
|
|
titleDividerWidth: "w-1", |
|
|
|
|
titleDividerHeight: "h-5", |
|
|
|
|
titleClassName: "text-base font-normal text-[#233876]", |
|
|
|
|
titleBorderClassName: "w-1 h-5 bg-blue-600", |
|
|
|
|
}; |
|
|
|
|