Check-in streak card with a flame tile, day count, seven-day attendance row, and weekly/monthly counts.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Fitness4 } from "@/components/beste/piece/fitness4";
<Fitness4
streak={14}
week={[
true,
true,
true,
false,
true,
true,
false
]}
monthVisits={18}
weeklyGoal={5}
label="Gym streak"
tone="neutral"
/>