Mood log card with a big emoji for today and a seven-day row of color-keyed tiny face tiles.
The import and the props worth knowing about, in one place.
import { Health17 } from "@/components/beste/piece/health17";
<Health17
today="good"
week={[
"okay",
"good",
"great",
"low",
"good",
"good",
"great"
]}
note="4 of 7 days above neutral this week."
label="Mood today"
/>Daily steps card with a gradient progress bar, percent chip, and a distance and calorie footer.
Cycle ring with day fraction in the middle, a phase label, next-period forecast, and a mood note.
Weight tracker with current and goal weights, a 30-day change pill, and a mini line chart underneath.
Daily check-in card summarizing heart, temperature, blood pressure, and SpO2 in a 2×2 tile grid.