{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sports-sm-06",
  "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/separator.json"
  ],
  "files": [
    {
      "path": "registry/default/widgets/sports/sm/sports-06.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} from \"@/registry/default/ui/widget\";\r\nimport { Label } from \"@/registry/default/ui/label\";\r\nimport { Separator } from \"@/registry/default/ui/separator\";\r\n\r\nconst battersInfo = [\r\n  {\r\n    teamImage: \"/assets/logos/ind.png\",\r\n    teamName: \"India\",\r\n    playerName: \"Pratika R\",\r\n    score: \"122\",\r\n    balls: \"134\",\r\n  },\r\n  {\r\n    teamImage: \"/assets/logos/ind.png\",\r\n    teamName: \"India\",\r\n    playerName: \"Smriti M\",\r\n    score: \"109*\",\r\n    balls: \"95\",\r\n  },\r\n];\r\n\r\nconst bowlersInfo = [\r\n  {\r\n    teamImage: \"/assets/logos/nz.png\",\r\n    teamName: \"New Zealand\",\r\n    playerName: \"Eden C\",\r\n    score: \"2/76\",\r\n    overs: \"6.0\",\r\n  },\r\n];\r\n\r\nexport default function WidgetDemo() {\r\n  return (\r\n    <Widget design=\"mumbai\">\r\n      <WidgetHeader className=\"pb-1.5\">\r\n        <div className=\"flex items-center gap-1\">\r\n          <div className=\"bg-productive size-2 rounded-full\" />\r\n          <Label className=\"text-muted-foreground text-sm\">IND vs NZ</Label>\r\n        </div>\r\n        <Label className=\"text-sm\">340/7</Label>\r\n      </WidgetHeader>\r\n      <WidgetContent className=\"justfy-between flex-col items-center gap-2\">\r\n        <div className=\"flex w-full flex-col items-center justify-between gap-3\">\r\n          {battersInfo.map((batter, i) => (\r\n            <div key={i} className=\"flex w-full items-center justify-between\">\r\n              <div className=\"flex gap-1\">\r\n                <Image\r\n                  className=\"size-4\"\r\n                  src={batter.teamImage}\r\n                  alt={batter.teamName}\r\n                  width={20}\r\n                  height={20}\r\n                />\r\n                <Label className=\"text-xs\">{batter.playerName}</Label>\r\n              </div>\r\n              <Label className=\"text-xs\">\r\n                {batter.score}\r\n                <span className=\"text-muted-foreground\">({batter.balls})</span>\r\n              </Label>\r\n            </div>\r\n          ))}\r\n        </div>\r\n        <Separator />\r\n        <div className=\"flex w-full items-center justify-between\">\r\n          {bowlersInfo.map((bowler, i) => (\r\n            <div key={i} className=\"flex w-full items-center justify-between\">\r\n              <div className=\"flex gap-1\">\r\n                <Image\r\n                  className=\"size-4\"\r\n                  src={bowler.teamImage}\r\n                  alt={bowler.teamName}\r\n                  width={20}\r\n                  height={20}\r\n                />\r\n                <Label className=\"text-xs\">{bowler.playerName}</Label>\r\n              </div>\r\n              <Label className=\"text-xs\">\r\n                {bowler.score}\r\n                <span className=\"text-muted-foreground\">({bowler.overs})</span>\r\n              </Label>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </WidgetContent>\r\n      <WidgetFooter className=\"justify-center pt-1\">\r\n        <p className=\"text-muted-foreground text-sm\">\r\n          IND needs <span className=\"text-productive\">26</span> from{\" \"}\r\n          <span className=\"text-productive\">18</span>\r\n        </p>\r\n      </WidgetFooter>\r\n    </Widget>\r\n  );\r\n}\r\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "tags": [
      "sports"
    ],
    "size": "sm"
  }
}