Workout Plan

Weekly training plan with focus labels, duration column, and per-row Done, Planned, or Rest states.

Training · Week 6

MonPush55 mDone

TuePull50 mDone

WedRest—

ThuLegs65 mPlanned

FriCardio30 mPlanned

SatRest—

SunMobility25 mPlanned

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Health18 } from "@/components/beste/piece/health18";

<Health18
  week="Training · Week 6"
  days={[
    {
      "day": "Mon",
      "focus": "Push",
      "duration": "55 m",
      "done": true
    },
    {
      "day": "Tue",
      "focus": "Pull",
      "duration": "50 m",
      "done": true
    },
    {
      "day": "Wed",
      "focus": "Rest",
      "duration": "—",
      "rest": true
    },
    {
      "day": "Thu",
      "focus": "Legs",
      "duration": "65 m"
    },
    {
      "day": "Fri",
      "focus": "Cardio",
      "duration": "30 m"
    },
    {
      "day": "Sat",
      "focus": "Rest",
      "duration": "—",
      "rest": true
    },
    {
      "day": "Sun",
      "focus": "Mobility",
      "duration": "25 m"
    }
  ]}
/>