{ "version": 3, "sources": ["../../../../src/lib/ui/components/LanguageMenu.tsx"], "sourcesContent": ["import { useEditor } from '@tldraw/editor'\nimport { useCallback } from 'react'\nimport { TLUiTranslation } from '../hooks/useTranslation/translations'\nimport { useLanguages } from '../hooks/useTranslation/useLanguages'\nimport * as D from './primitives/DropdownMenu'\n\nexport function LanguageMenu() {\n\tconst editor = useEditor()\n\tconst { languages, currentLanguage } = useLanguages()\n\n\tconst handleLanguageSelect = useCallback(\n\t\t(locale: TLUiTranslation['locale']) => editor.user.updateUserPreferences({ locale }),\n\t\t[editor]\n\t)\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{languages.map(({ locale, label }) => (\n\t\t\t\t\t\t handleLanguageSelect(locale)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\n\t\t\t\t\t))}\n\t\t\t\t\n\t\t\t\t{/* \n\t\t\t\t\t