Function LanguageAvatar

frontend/src/components/commonUI/LanguageSelector.tsx:32–42

({ language, onClick }: { language: Language; onClick?: () => void })

}

const LanguageAvatar = ({ language, onClick }: { language: Language; onClick?: () => void }) => (
  <Avatar.Root
    size="2xs"
    onClick={onClick}
    aria-label={`Select ${language.name} language`}
    cursor="pointer"
  >
    <Avatar.Fallback name={language.name} />
    <Avatar.Image src={`https://flagcdn.com/${language.flag}.svg`} alt={`${language.name} flag`} />
  </Avatar.Root>
)

export default function LanguageSelector({ placement = 'bottom' }: LanguageSelectorProps) {
  const { selectedLanguage, selectLanguage } = useLanguageSelection()