Sleep Summary

import { Health7 } from "@/components/beste/piece/health7";

<Health7
  totalHours="7h 41m"
  score={86}
  stages={[
    {
      "label": "Awake",
      "minutes": 18,
      "class": "bg-rose-400",
      "text": "text-rose-500"
    },
    {
      "label": "Light",
      "minutes": 240,
      "class": "bg-sky-400",
      "text": "text-sky-500"
    },
    {
      "label": "Deep",
      "minutes": 95,
      "class": "bg-indigo-500",
      "text": "text-indigo-500"
    },
    {
      "label": "REM",
      "minutes": 108,
      "class": "bg-violet-500",
      "text": "text-violet-500"
    }
  ]}
  label="Sleep"
  tone="violet"
/>