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>
    );
};