import React from 'react' ; import Image from 'next/image' ; type Props = { name : string ; picture : string ; } ; export const Avatar = ( { name , picture } ) => { return ( < div className = "flex items-center" > < Image src = { picture } width = "40" height = "40" className = "rounded-full" alt = { name } / > < div className = "ml-2 text-sm text-gray-700" > { name } < /div> < /div>); } ;