24 lines
744 B
TypeScript
24 lines
744 B
TypeScript
import Image from "next/image";
|
|
|
|
interface Props {
|
|
prefix: string;
|
|
name: string;
|
|
profileImage: string;
|
|
textSize?: string;
|
|
}
|
|
|
|
export default function UserWithProfilePic({ prefix, name, profileImage, textSize }: Props) {
|
|
const textClassName = `${textSize ? textSize : "text-xs"} font-medium`
|
|
return (
|
|
<div className="flex items-center space-x-2">
|
|
<p className={textClassName}>{prefix} {name}</p>
|
|
<img
|
|
src={profileImage ? profileImage : "/defaultAvatar.png"}
|
|
alt={name}
|
|
width={24}
|
|
height={24}
|
|
className="rounded-full h-auto border-[1px] border-gray-400 border-opacity-50"
|
|
/>
|
|
</div>
|
|
);
|
|
}; |