import Image from 'next/image'
interface GitHubBadgesProps {
starsUrl?: string | null
size?: 'sm' | 'md' | 'lg'
className?: string
}
const sizes = {
sm: { width: 80, height: 20 },
md: { width: 100, height: 20 },
lg: { width: 120, height: 20 }
}
/**
* GitHub Stars 徽章组件 - 显示 GitHub Stars 数量
* 适用于项目详情页
*/
export function GitHubBadges({
starsUrl,
size = 'md',
className = ''
}: GitHubBadgesProps) {
if (!starsUrl) {
return null
}
const { width, height } = sizes[size]
return (
)
}
/**
* GitHub Stars 紧凑型组件 - 用于项目卡片
* 在较小的空间内显示 GitHub Stars 数量
*/
export function GitHubStatsCompact({
starsUrl,
className = ''
}: {
starsUrl?: string | null
className?: string
}) {
if (!starsUrl) {
return null
}
return (
)
}