Pushed a new pass on the empty states, take a look when you can.
Avatar beside the author name with the message body beneath, plus an optional role chip and timestamp.
The import and the props worth knowing about, in one place.
import { Chat31 } from "@/components/beste/piece/chat31";
<Chat31
src="https://images.unsplash.com/photo-1577806934037-32d94e326e84?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTkxfHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
alt="Hania Rani"
fallback="HR"
author="Hania Rani"
message="Pushed a new pass on the empty states, take a look when you can."
/>