import Image from "next/image";

export default function Avatar({ name, picture }: any) {
	return (
		<div className="flex items-center">
			<div className="w-12 h-12 relative mr-4">
				<Image src={picture.url} layout="fill" className="rounded-full" alt={name} />
			</div>
			<div className="text-xl font-bold">{name}</div>
		</div>
	);
}