Average rating with a star, total review count, and five rows showing per-star counts with an amber proportional bar.
The import and the props worth knowing about, in one place.
import { Dashboard19 } from "@/components/beste/piece/dashboard19";
<Dashboard19
surface="card"
bordered={false}
inverted={false}
average={4.6}
total={1284}
reviewsLabel="reviews"
rows={[
{
"stars": 5,
"count": 980
},
{
"stars": 4,
"count": 208
},
{
"stars": 3,
"count": 62
},
{
"stars": 2,
"count": 24
},
{
"stars": 1,
"count": 10
}
]}
/>