{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sports-sm-02",
  "type": "registry:component",
  "registryDependencies": [
    "https://wigggle-ui.vercel.app/r/widget.json",
    "https://wigggle-ui.vercel.app/r/label.json",
    "https://wigggle-ui.vercel.app/r/badge.json"
  ],
  "files": [
    {
      "path": "registry/default/widgets/sports/sm/sports-02.tsx",
      "content": "import * as React from \"react\";\r\nimport Image from \"next/image\";\r\n\r\nimport {\r\n  Widget,\r\n  WidgetContent,\r\n  WidgetFooter,\r\n  WidgetHeader,\r\n  WidgetTitle,\r\n} from \"@/registry/default/ui/widget\";\r\nimport { Label } from \"@/registry/default/ui/label\";\r\nimport { Badge } from \"@/registry/default/ui/badge\";\r\n\r\nexport default function WidgetDemo() {\r\n  return (\r\n    <Widget design=\"mumbai\">\r\n      <WidgetHeader>\r\n        <WidgetTitle className=\"text-muted-foreground flex items-center gap-1 text-sm font-normal\">\r\n          <div className=\"bg-productive size-2 rounded-full\" />\r\n          Live\r\n        </WidgetTitle>\r\n      </WidgetHeader>\r\n      <WidgetContent className=\"grid grid-cols-[1fr_auto_1fr] items-center gap-3\">\r\n        <div className=\"me-auto flex flex-col items-center gap-2\">\r\n          <Image\r\n            className=\"size-9\"\r\n            src=\"/assets/logos/bvb.png\"\r\n            alt=\"FC Barcelona\"\r\n            width={40}\r\n            height={40}\r\n          />\r\n          <Label className=\"text-3xl\">4</Label>\r\n        </div>\r\n        <Badge className=\"animate-pulse text-sm\" variant=\"secondary\">\r\n          34'\r\n        </Badge>\r\n        <div className=\"ms-auto flex flex-col items-center gap-2\">\r\n          <Image\r\n            className=\"size-9\"\r\n            src=\"/assets/logos/mci.png\"\r\n            alt=\"FC Barcelona\"\r\n            width={40}\r\n            height={40}\r\n          />\r\n          <Label className=\"text-3xl\">4</Label>\r\n        </div>\r\n      </WidgetContent>\r\n      <WidgetFooter className=\"justify-center\">\r\n        <Label className=\"text-muted-foreground\">UCL Final</Label>\r\n      </WidgetFooter>\r\n    </Widget>\r\n  );\r\n}\r\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "tags": [
      "sports"
    ],
    "size": "sm"
  }
}