Money request bubble with a direction arrow, large amount, optional italic note, and Pay / Decline actions.
The import and the props worth knowing about, in one place.
import { Chat30 } from "@/components/beste/piece/chat30";
<Chat30
amount="48.60"
currency="$"
note="Dinner split · Packer's Coffee"
direction="request"
role="received"
/>Standard chat bubble with a subtle italic edited caption beneath.
Message bubble with a small floating reaction chip tucked into the bottom corner.
Chat bubble with an avatar and timestamp. Role flips alignment and color.
Quoted message block inside a bubble, with the replying author and the reply text beneath.
How many rooms were unused last Tuesday?
Three, all at Kingsway between 13:00 and 16:00. Two were held for a clinic that was cancelled on the Friday before.
An assistant exchange showing the question as a right-aligned bubble, the answer beside an accent icon tile, and the records it was drawn from as chips under a hairline.