add language selector

Author: gazdagergo

src/App.js

@@ -4,6 +4,8 @@ import "./styles.css";
 
 export default function App() {
   const [text, setText] = useState("Jónapot kívánok");
+  const [language, setLanguage] = useState("hu-HU");
+
   return (
     <div className="App">
       <h1>Szövegből beszéd</h1>
@@ -14,7 +16,18 @@ export default function App() {
       />
       <br />
       <br />
-      <Speech lang="hu-HU" text={text} pause resume />
+      <select
+        value={language}
+        onChange={({ target: { value } }) => setLanguage(value)}
+      >
+        <option value="hu-HU">magyar</option>
+        <option value="en-EN">angol</option>
+        <option value="de-DE">német</option>
+        <option value="fr-FR">franica</option>
+      </select>
+      <br />
+      <br />
+      <Speech lang={language} text={text} pause resume />
       <br />
       <br />
       <p style={{ fontSize: 11 }}>[email protected]</p>