feat: added language changer (#5)

src/app/App.tsx

@@ -1,9 +1,17 @@
 import React from 'react';
-import Translator from './components/i18n/Translator';
+import I18n from './components/I18n/I18n';
+import Translator from './components/I18n/Translator';
 
 const App: React.FC = () => {
     return (
-        <div><Translator path="home.message" /></div>
+        <>
+        <header>
+          <I18n />
+        </header>
+        <div>
+          <Translator path="home.message" />
+        </div>
+      </>
     )
 }
 

src/app/components/I18n/I18n.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+const I18n: React.FC = () => {
+    const { i18n } = useTranslation();
+
+    function handleChangeLanguage(language: string) {
+        i18n.changeLanguage(language);
+    }
+
+    const selectedLanguage = i18n.language;
+
+    return (
+        <div className='langs-container'>
+            <button type='button' onClick={() => handleChangeLanguage('pt-BR')}>
+                [pt-br]
+            </button>
+            |
+            <button type='button' onClick={() => handleChangeLanguage('en-US')}>
+                [en-us]
+            </button>
+        </div>
+    );
+};
+
+export default I18n;