Voice note bubble with a fine waveform that swells to full height near the end, taking the accent color bar by bar as the playhead and timer advance.
The import and the props worth knowing about, in one place.
import { Chat37 } from "@/components/beste/piece/chat37";
<Chat37
name="Erykah Badu"
durationSec={14}
tone="sky"
/>“Hey, jumping on a call in five. Can you pull up the latest Figma file?”
Voice bubble with waveform and duration on top and a quoted italic transcript below the divider.
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.