{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sports-sm-07",
  "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/table.json",
    "https://wigggle-ui.vercel.app/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/default/widgets/sports/sm/sports-07.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  WidgetHeader,\r\n} from \"@/registry/default/ui/widget\";\r\nimport { Label } from \"@/registry/default/ui/label\";\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableHead,\r\n  TableHeader,\r\n  TableRow,\r\n} from \"@/registry/default/ui/table\";\r\nimport { cn } from \"@/registry/default/lib/utils\";\r\n\r\nconst scores = [\r\n  {\r\n    teamAbbr: \"GSW\",\r\n    teamName: \"Golden State Warriors\",\r\n    one_score: 27,\r\n    two_score: 34,\r\n    three_score: 33,\r\n    four_score: 26,\r\n    five_score: 17,\r\n  },\r\n  {\r\n    teamAbbr: \"DN\",\r\n    teamName: \"Denver Nuggets\",\r\n    one_score: 31,\r\n    two_score: 39,\r\n    three_score: 24,\r\n    four_score: 26,\r\n    five_score: 11,\r\n  },\r\n];\r\n\r\nconst classes = {\r\n  head: \"text-muted-foreground w-1 px-0.5 text-center\",\r\n  cell: \"w-1 px-0.5 text-center\",\r\n};\r\n\r\nexport default function WidgetDemo() {\r\n  return (\r\n    <Widget design=\"mumbai\">\r\n      <WidgetHeader className=\"mt-1.5\">\r\n        <div className=\"flex w-full justify-between\">\r\n          <div className=\"flex items-center gap-2\">\r\n            <Image\r\n              className=\"size-8 rounded-full\"\r\n              src=\"/assets/logos/gsw.png\"\r\n              alt=\"GSW\"\r\n              width={20}\r\n              height={20}\r\n            />\r\n            <Label className=\"text-xl\">131</Label>\r\n          </div>\r\n          <div className=\"flex items-center gap-2\">\r\n            <Label className=\"text-xl\">129</Label>\r\n            <Image\r\n              className=\"size-8 rounded-full\"\r\n              src=\"/assets/logos/dn.png\"\r\n              alt=\"DN\"\r\n              width={20}\r\n              height={20}\r\n            />\r\n          </div>\r\n        </div>\r\n      </WidgetHeader>\r\n      <WidgetContent className=\"flex-col items-center justify-end gap-2\">\r\n        <Table>\r\n          <TableHeader>\r\n            <TableRow className=\"text-xs\">\r\n              <TableHead className={cn(classes.head, \"w-1 text-start\")}>\r\n                Team\r\n              </TableHead>\r\n              <TableHead className={classes.head}>1</TableHead>\r\n              <TableHead className={classes.head}>2</TableHead>\r\n              <TableHead className={classes.head}>3</TableHead>\r\n              <TableHead className={classes.head}>4</TableHead>\r\n              <TableHead className={classes.head}>5</TableHead>\r\n            </TableRow>\r\n          </TableHeader>\r\n          <TableBody>\r\n            {scores.map((el, i) => (\r\n              <TableRow key={i} className=\"text-xs font-extralight\">\r\n                <TableCell\r\n                  className={cn(classes.head, \"w-1 text-start text-white\")}\r\n                >\r\n                  {el.teamAbbr}\r\n                </TableCell>\r\n                <TableCell className={classes.cell}>{el.one_score}</TableCell>\r\n                <TableCell className={classes.cell}>{el.two_score}</TableCell>\r\n                <TableCell className={classes.cell}>{el.three_score}</TableCell>\r\n                <TableCell className={classes.cell}>{el.four_score}</TableCell>\r\n                <TableCell className={classes.cell}>{el.five_score}</TableCell>\r\n              </TableRow>\r\n            ))}\r\n          </TableBody>\r\n        </Table>\r\n      </WidgetContent>\r\n    </Widget>\r\n  );\r\n}\r\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "tags": [
      "sports"
    ],
    "size": "sm"
  }
}