import { cn } from '@/lib/utils';

export default function Avatar({ name, src, className }: { name: string; src?: string | null; className?: string }) {
    const initials = name.split(/\s+/).map((p) => p[0]).slice(0, 2).join('').toUpperCase();
    return src ? (
        <img src={src} alt="" className={cn('size-8 rounded-full object-cover', className)} />
    ) : (
        <span aria-hidden className={cn('inline-flex size-8 items-center justify-center rounded-full bg-accent text-xs font-medium text-accent-foreground', className)}>
            {initials}
        </span>
    );
}