Meal log pairing kcal with a three-segment macro bar for carbs, protein, and fat grams.
The import and the props worth knowing about, in one place.
import { Health9 } from "@/components/beste/piece/health9";
<Health9
meal="Lunch · Grilled chicken bowl"
kcal={620}
macros={[
{
"label": "Carbs",
"grams": 68,
"class": "bg-sky-500",
"text": "text-sky-500"
},
{
"label": "Protein",
"grams": 34,
"class": "bg-emerald-500",
"text": "text-emerald-500"
},
{
"label": "Fat",
"grams": 22,
"class": "bg-amber-500",
"text": "text-amber-500"
}
]}
bordered={false}
/>