function MainComponent() { const [translatedText, setTranslatedText] = React.useState(""); const [inputText, setInputText] = React.useState(""); const [targetLang, setTargetLang] = React.useState("en"); const translateText = async ()=>{ const response = await fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: inputText, target: targetLang }) }); const data = await response.json(); setTranslatedText(data.data.translations[0].translatedText); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 mb-4 bg-white shadow-md rounded-md w-full max-w-md", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "inputText", className: "border p-2 w-full font-roboto", placeholder: "Enter text to translate", value: inputText, onChange: (e)=>setInputText(e.target.value), __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "targetLang", className: "border p-2 w-full font-roboto mt-4", value: targetLang, onChange: (e)=>setTargetLang(e.target.value), __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "en", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "English"), /*#__PURE__*/ React.createElement("option", { value: "es", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Spanish"), /*#__PURE__*/ React.createElement("option", { value: "fr", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "French")), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-[#007bff] text-white p-2 w-full rounded-md font-roboto", onClick: translateText, __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "Translate")), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white shadow-md rounded-md w-full max-w-md mt-4", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Translated Text:"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, translatedText))); }