/** 专家头像组件(带 fallback 首字母) */
import { cn } from '@/lib/utils'

interface ExpertAvatarProps {
  name: string
  avatarUrl?: string | null
  size?: number
  className?: string
}

export function ExpertAvatar({ name, avatarUrl, size = 40, className }: ExpertAvatarProps) {
  const initial = name?.[0] || '?'
  if (avatarUrl) {
    return (
      <img
        src={avatarUrl}
        alt={name}
        style={{ width: size, height: size }}
        className={cn('rounded-full object-cover', className)}
      />
    )
  }
  return (
    <div
      style={{ width: size, height: size, fontSize: size * 0.4 }}
      className={cn(
        'flex items-center justify-center rounded-full bg-primary/10 text-primary font-medium',
        className,
      )}
    >
      {initial}
    </div>
  )
}