Aakansha Doshi
ade2565f49
Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com> Co-authored-by: dwelle <luzar.david@gmail.com>
33 lines
874 B
TypeScript
33 lines
874 B
TypeScript
import React from "react";
|
|
import clsx from "clsx";
|
|
import * as i18n from "../../i18n";
|
|
|
|
export const LanguageList = ({
|
|
onChange,
|
|
languages = i18n.languages,
|
|
currentLangCode = i18n.getLanguage().code,
|
|
floating,
|
|
}: {
|
|
languages?: { code: string; label: string }[];
|
|
onChange: (langCode: i18n.Language["code"]) => void;
|
|
currentLangCode?: i18n.Language["code"];
|
|
floating?: boolean;
|
|
}) => (
|
|
<React.Fragment>
|
|
<select
|
|
className={clsx("dropdown-select dropdown-select__language", {
|
|
"dropdown-select--floating": floating,
|
|
})}
|
|
onChange={({ target }) => onChange(target.value)}
|
|
value={currentLangCode}
|
|
aria-label={i18n.t("buttons.selectLanguage")}
|
|
>
|
|
{languages.map((lang) => (
|
|
<option key={lang.code} value={lang.code}>
|
|
{lang.label}
|
|
</option>
|
|
))}
|
|
</select>
|
|
</React.Fragment>
|
|
);
|