Timestamp pill with double-check icon that colors sky when the message is read.
The import and the props worth knowing about, in one place.
import { Chat10 } from "@/components/beste/piece/chat10";
<Chat10
surface="card"
bordered={true}
inverted={false}
time="09:42"
status="read"
sentLabel="Sent"
deliveredLabel="Delivered"
readLabel="Read"
/>Typing indicator pill showing multiple avatar stack, summary text, and three pulsing dots.
Dashed-border outgoing bubble above a Clock chip showing when it will send.
Chat bubble with an avatar and timestamp. Role flips alignment and color.