Conversation search row with author and time above a message line where the match is amber-highlighted.
The import and the props worth knowing about, in one place.
import { Chat26 } from "@/components/beste/piece/chat26";
<Chat26
before="Let me know what you think about the new "
match="onboarding"
after=" flow we pushed yesterday."
author="Ayşe"
time="Yesterday · 15:22"
/>Inbox row with avatar, name, message preview, timestamp, and a primary unread count chip.
Chat bubble with an avatar and timestamp. Role flips alignment and color.
Standard chat bubble with a subtle italic edited caption beneath.
Event invite bubble with title, date, time, attendee count, and Join / Maybe actions.