13 lines
341 B
TypeScript
13 lines
341 B
TypeScript
|
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>
|
||
|
|
);
|
||
|
|
}
|