You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
599 B
25 lines
599 B
import { cn } from '@/lib/utils' |
|
import { UserRound } from 'lucide-react' |
|
|
|
export function AnonUserAvatar({ |
|
size = 'small', |
|
className |
|
}: { |
|
size?: 'small' | 'medium' |
|
className?: string |
|
}) { |
|
const dim = size === 'small' ? 'size-8' : 'size-10' |
|
const icon = size === 'small' ? 'size-4' : 'size-5' |
|
return ( |
|
<div |
|
className={cn( |
|
'flex shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground ring-1 ring-border/60', |
|
dim, |
|
className |
|
)} |
|
aria-hidden |
|
> |
|
<UserRound className={icon} strokeWidth={2} /> |
|
</div> |
|
) |
|
}
|
|
|