function PortugueseTextInput({ value, onChange }) { return /*#__PURE__*/ React.createElement("textarea", { name: "inputText", value: value, onChange: onChange, placeholder: "Digite seu texto em PT-BR aqui", className: "w-full h-[200px] p-2 border border-gray-300 rounded-md font-crimson-text", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function PortugueseTextInputStory() { const [inputText, setInputText] = React.useState(""); const handleChange = (e)=>setInputText(e.target.value); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PortugueseTextInput, { value: inputText, onChange: handleChange, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function MainComponent() { const [inputText, setInputText] = React.useState(''); const [translatedText, setTranslatedText] = React.useState(''); const [language, setLanguage] = React.useState('Inglesa'); React.useEffect(()=>{ if (inputText.trim() !== '') { setTranslatedText(`${inputText} (translated to ${language})`); } else { setTranslatedText(''); } }, [ inputText, language ]); return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "language", value: language, onChange: (e)=>setLanguage(e.target.value), className: "border border-gray-300 rounded-md p-2 font-crimson-text", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "Inglesa", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Inglesa"), /*#__PURE__*/ React.createElement("option", { value: "Francesa", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Francesa"), /*#__PURE__*/ React.createElement("option", { value: "Alemã", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Alemã"), /*#__PURE__*/ React.createElement("option", { value: "Russa", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Russa"), /*#__PURE__*/ React.createElement("option", { value: "Latim", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Latim")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(PortugueseTextInput, { value: inputText, onChange: (e)=>setInputText(e.target.value), __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "translatedText", value: translatedText, readOnly: true, placeholder: "Aqui aparecerá a tradução", className: "w-full h-[200px] p-2 border border-gray-300 rounded-md font-crimson-text", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }))); }