Chat bubble with a question and voting options. Each row fills proportionally to its vote count.
The import and the props worth knowing about, in one place.
import { Chat4 } from "@/components/beste/piece/chat4";
<Chat4
question="Where are we grabbing lunch?"
options={[
{
"label": "Packer's Coffee",
"votes": 6
},
{
"label": "Sushi place",
"votes": 3
},
{
"label": "Stay in, order pizza",
"votes": 9
}
]}
role="received"
/>