"use client";

import { LanguageSelect, useI18n } from "@/components/i18n";
import { SettingsRow } from "@/components/settings/controls";
import { useDictationActive } from "@/components/dictation-state";

/** Settings and the composer share the fork's general.sttLanguage preference. */
export function DictationLanguageSetting() {
	const { t } = useI18n();
	const active = useDictationActive();
	return <SettingsRow label={t("Speech recognition language")} testid="row-dictation-language" dimmed={active}>
		<LanguageSelect field="sttLanguage" disabled={active} />
	</SettingsRow>;
}