Chat Interface - Copy this React, Tailwind Component to your project

Il messageItem é al momento cosí definito. export const SCMessageItem = ({ message }) => { return ( <> <Typography variant="h6">{message.body}</Typography> </> ); }; export default SCMessageItem; Fai in modo di modellare un elemento che sia degno di una chat. Deve solo rappresentare il singolo messaggio. Lo vorrei con un contorno rettangolare con bordi arrotondati (guarda che secondo me c'é un componente mui che giá lo fa) con allinterno in alto a sinistra message.senderName, subito sotto il message.body e poi fuori dal rettangolo in basso a dx il message.timeStamp