Function RepositoryCard

Component that displays detailed information about a GitHub repository

Features:

• Repository name with direct link to GitHub
• Repository description with line clamping
• Primary programming language with color indicator
• Star and fork counts with links to respective pages
• Last update timestamp
• Commit activity visualization

Visual Elements:

• Responsive card layout with proper spacing
• Dark mode support
• Hover states for interactive elements
• Color-coded language indicator
• Truncated description for long text

Accessibility:

• Semantic HTML structure
• Proper ARIA labels for icons
• External link indicators
• Keyboard navigation support

Layout Structure:

• Card container with rounded corners and border
• Flexbox layout for content organization
• Grid system for responsive behavior
• Auto-height with minimum constraints

<RepositoryCard
  repository={{
    name: "react",
    description: "A JavaScript library for building user interfaces",
    url: "https://github.com/facebook/react",
    stargazerCount: 12345,
    forkCount: 678,
    primaryLanguage: { name: "JavaScript", color: "#f1e05a" }
  }}
  owner="facebook"
/>
Copy