|
|
@ -8,20 +8,22 @@ import searchIcon from "./search-icon.svg"; |
|
|
|
|
|
|
|
|
|
|
|
const CardDesign3 = () => { |
|
|
|
const CardDesign3 = () => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div className="flex flex-col bg-white shadow-sm rounded max-w-[440px] mr-20 my-20 p-4"> |
|
|
|
<div className="flex flex-col bg-white shadow-sm border border-[#d2d2d2] rounded max-w-[440px] mr-20 my-20 p-4"> |
|
|
|
<TitleSubtitle |
|
|
|
<TitleSubtitle |
|
|
|
subTitle={false} |
|
|
|
subTitle={false} |
|
|
|
title={"افراد حاضر در این سالن"} |
|
|
|
title={"افراد حاضر در این سالن"} |
|
|
|
titleClassName={"font-bold text-[#0F0543]"} |
|
|
|
titleClassName={"font-bold text-[#0F0543]"} |
|
|
|
titleBorderClassName={"w-1.5 h-7 bg-[#1F8CF9] ml-2"} |
|
|
|
titleBorderClassName={"w-1.5 h-7 bg-[#1F8CF9] ml-2"} |
|
|
|
/> |
|
|
|
/> |
|
|
|
<SearchBox |
|
|
|
<div className="mt-7"> |
|
|
|
inputWidth={"100%"} |
|
|
|
<SearchBox |
|
|
|
searchIcon={searchIcon} |
|
|
|
inputWidth={"100%"} |
|
|
|
placeholder={"جستجو برا اساس اسم یا کد ملی"} |
|
|
|
searchIcon={searchIcon} |
|
|
|
placeHolderColor={"placeholder-[#D2D2D2]"} |
|
|
|
placeholder={"جستجو برا اساس اسم یا کد ملی"} |
|
|
|
borderClr={"#D2D2D2"} |
|
|
|
placeHolderColor={"placeholder-[#D2D2D2]"} |
|
|
|
/> |
|
|
|
borderClr={"#D2D2D2"} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
<CustomToast2 num={4} /> |
|
|
|
<CustomToast2 num={4} /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
); |
|
|
|
); |
|
|
|