Github Repo Card Demo

1import { GitHubRepoCard } from "../ui/github-repo-card";
2 
3export default function GitHubRepoCardDemo() {
4  return (
5    <div className="max-w-md relative">
6      <GitHubRepoCard
7        theme="cyberpunk"
8        repo={{
9          name: "shadcn-ui",
10          owner: "shadcn",
11          ownerAvatar: "https://avatars.githubusercontent.com/u/124599?v=4",
12          description:
13            "Beautifully designed components built with Radix UI and Tailwind CSS.",
14          stars: 42000,
15          forks: 3600,
16          watchers: 1600,
17          issues: 310,
18          language: "TypeScript",
19          updatedAt: "2025-04-07T14:18:57Z",
20          topics: ["ui", "components", "tailwindcss", "radix"],
21          activityData: [
22            0.4, 0.5, 0.6, 0.8, 0.7, 0.9, 1.0, 0.9, 0.8, 0.7, 0.9, 1.0,
23          ],
24          isPrivate: false,
25        }}
26      />
27    </div>
28  );
29}