{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "productivity-sm-05",
  "type": "registry:component",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "https://wigggle-ui.vercel.app/r/widget.json",
    "https://wigggle-ui.vercel.app/r/button.json",
    "https://wigggle-ui.vercel.app/r/label.json",
    "https://wigggle-ui.vercel.app/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/default/widgets/productivity/sm/productivity-05.tsx",
      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { BookOpenIcon, CheckIcon } from \"lucide-react\";\r\n\r\nimport {\r\n  Widget,\r\n  WidgetContent,\r\n  WidgetFooter,\r\n} from \"@/registry/default/ui/widget\";\r\nimport { Button } from \"@/registry/default/ui/button\";\r\nimport { Label } from \"@/registry/default/ui/label\";\r\nimport { cn } from \"@/registry/default/lib/utils\";\r\n\r\nconst streak = 8;\r\n\r\nexport default function WidgetDemo() {\r\n  const [status, setStatus] = React.useState<boolean>(false);\r\n\r\n  return (\r\n    <Widget className=\"gap-3\">\r\n      <WidgetContent className=\"flex-col items-end justify-start gap-4\">\r\n        <div className=\"flex w-full flex-col\">\r\n          <Label className=\"text-xl\">Read 10 Mins</Label>\r\n          <Label className=\"text-muted-foreground text-sm font-normal\">\r\n            Streak: {status ? streak + 1 : streak} days\r\n          </Label>\r\n        </div>\r\n      </WidgetContent>\r\n      <WidgetFooter className=\"flex w-full items-center justify-between\">\r\n        <BookOpenIcon\r\n          className={cn(\r\n            \"size-14\",\r\n            status ? \"stroke-productive\" : \"stroke-destructive\",\r\n          )}\r\n          strokeWidth={1.5}\r\n        />\r\n        <Button\r\n          disabled={status}\r\n          onClick={() => setStatus(true)}\r\n          className=\"hover:cursor-pointer disabled:pointer-events-none disabled:cursor-not-allowed\"\r\n          variant=\"outline\"\r\n          size=\"icon-sm\"\r\n        >\r\n          <CheckIcon />\r\n        </Button>\r\n      </WidgetFooter>\r\n    </Widget>\r\n  );\r\n}\r\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "tags": [
      "productivity"
    ],
    "size": "sm"
  }
}