24 lines
495 B
TypeScript
24 lines
495 B
TypeScript
|
import { cn } from "@/lib/utils"
|
||
|
|
|
||
|
|
export default function Avatar({
|
||
|
|
name,
|
||
|
|
className,
|
||
|
|
}: {
|
||
|
|
name: string
|
||
|
|
className?: string
|
||
|
|
}) {
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
className={cn(
|
||
|
|
className,
|
||
|
|
"w-5 h-5 font-mono rounded-full overflow-hidden bg-gradient-to-t from-neutral-800 to-neutral-600 flex items-center justify-center text-[0.5rem] font-medium"
|
||
|
|
)}
|
||
|
|
>
|
||
|
|
{name
|
||
|
|
.split(" ")
|
||
|
|
.slice(0, 2)
|
||
|
|
.map((letter) => letter[0].toUpperCase())}
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|