You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.1 KiB
41 lines
1.1 KiB
import React from "react"; |
|
|
|
const TitleSubtitle = ({ |
|
title, |
|
subTitle, |
|
titleClassName, |
|
titleBorderClassName, |
|
subtitleClassName, |
|
subtitleBorderClassName, |
|
}) => { |
|
return ( |
|
<div className=""> |
|
{/* page Title */} |
|
{title && ( |
|
<div className="flex flex-row items-center mb-3"> |
|
<div className={`rounded-sm ${titleBorderClassName}`}></div> |
|
<h2 className={`${titleClassName}`}>{title}</h2> |
|
</div> |
|
)} |
|
{/* page subTitle */} |
|
{subTitle && ( |
|
<div className="flex flex-row items-center"> |
|
<div className={`rounded ml-1 ${subtitleBorderClassName}`}></div> |
|
<p className={`text-xs ${subtitleClassName}`}>{subTitle}</p> |
|
</div> |
|
)} |
|
</div> |
|
); |
|
}; |
|
|
|
export default TitleSubtitle; |
|
|
|
TitleSubtitle.defaultProps = { |
|
title: "میزان فروش محصولات", |
|
subTitle: "اطلاعات جداول مشخصاتی کارکنان مجموعه ایران تایر", |
|
titleClassName: "text-base font-normal text-[#233876]", |
|
titleBorderClassName: "w-1 h-5 bg-blue-600 ml-1", |
|
|
|
subtitleClassName: "text-gray-900", |
|
subtitleBorderClassName: "w-1 h-5 bg-gray-400", |
|
};
|
|
|