'use client'

import * as AvatarPrimitive from '@radix-ui/react-avatar'
import { withCn } from '@udecode/cn'

export const Avatar = withCn(
  AvatarPrimitive.Root,
  'relative flex size-10 shrink-0 overflow-hidden rounded-full',
)

export const AvatarImage = withCn(AvatarPrimitive.Image, 'aspect-square size-full')

export const AvatarFallback = withCn(
  AvatarPrimitive.Fallback,
  'flex size-full items-center justify-center rounded-full bg-muted',
)
