slanted-gamedev-toolz
Version:
A slanted mix of tools for your brilliant ideas in game design.
28 lines (27 loc) • 2.53 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useMemo } from "react";
import { textOutline } from "../../theme/jsxCssClassics";
import { LangBtn } from "./LangBtn";
import { getMenuText } from "./LocalizationSelect";
import { menuText } from "./menuText";
export const LangBtns = ({ langCode, setLanguage, hideTitle = false, size, fontColor, }) => {
const select_lang = useMemo(() => {
return getMenuText(menuText.select_lang, langCode);
}, [langCode]);
return (_jsxs("div", { children: [hideTitle ? null : (_jsx("div", { style: {
margin: "15px auto 5px auto",
maxWidth: 500,
textAlign: "center",
color: fontColor,
padding: "8px 0px",
borderRadius: "4px",
textShadow: textOutline.whiteHalf.textShadow,
}, children: select_lang })), _jsxs("div", { style: {
margin: "auto",
display: "flex",
flexWrap: "wrap",
flexDirection: "row",
justifyContent: "center",
paddingTop: hideTitle ? 8 : 0,
}, children: [_jsx(LangBtn, { imgPath: "en", isSelected: !langCode, code: "", setLanguage: setLanguage, size: size }), _jsx(LangBtn, { isSelected: langCode === "_de", code: "_de", imgPath: "de", setLanguage: setLanguage, size: size }), _jsx(LangBtn, { isSelected: langCode === "_es", code: "_es", imgPath: "es", setLanguage: setLanguage, size: size }), _jsx(LangBtn, { isSelected: langCode === "_zh", code: "_zh", imgPath: "zh", setLanguage: setLanguage, size: size }), _jsx(LangBtn, { isSelected: langCode === "_ja", code: "_ja", imgPath: "ja", setLanguage: setLanguage, size: size }), _jsx(LangBtn, { isSelected: langCode === "_ko", code: "_ko", imgPath: "ko", setLanguage: setLanguage, size: size }), _jsx(LangBtn, { isSelected: langCode === "_fr", code: "_fr", imgPath: "fr", setLanguage: setLanguage, size: size }), _jsx(LangBtn, { isSelected: langCode === "_ru", code: "_ru", imgPath: "ru", setLanguage: setLanguage, size: size }), _jsx(LangBtn, { isSelected: langCode === "_it", code: "_it", imgPath: "it", setLanguage: setLanguage, size: size }), _jsx(LangBtn, { isSelected: langCode === "_pt", code: "_pt", imgPath: "pt", setLanguage: setLanguage, size: size }), _jsx(LangBtn, { isSelected: langCode === "_hi", code: "_hi", imgPath: "hi", setLanguage: setLanguage, size: size })] })] }));
};