shellphone.app/app/blog/components/avatar.tsx
2021-08-28 00:08:38 +08:00

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