Avatar

1"use client"
2 
3import * as React from "react"
4import { Avatar as BaseAvatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar"
5import { cn } from "@/lib/utils"
6 
7export interface AvatarProps extends React.ComponentProps<typeof BaseAvatar> {
8  glow?: boolean
9  size?: "sm" | "md" | "lg"
10}
11 
12/**
13 * Glass UI Avatar - Enhanced avatar with glassy effects
14 */
15export const Avatar = React.forwardRef<
16  React.ElementRef<typeof BaseAvatar>,
17  AvatarProps
18>(({ className, glow = false, size = "md", ...props }, ref) => {
19  const sizeClasses = {
20    sm: "h-8 w-8",
21    md: "h-10 w-10",
22    lg: "h-16 w-16",
23  }
24  
25  return (
26    <BaseAvatar
27      ref={ref}
28      className={cn(
29        sizeClasses[size],
30        glow && "ring-2 ring-purple-500/30 shadow-lg shadow-purple-500/20",
31        "transition-all duration-200",
32        className
33      )}
34      {...props}
35    />
36  )
37})
38Avatar.displayName = "Avatar"
39 
40export { AvatarImage, AvatarFallback }
41