function MainComponent({ ptText, translatedText, onPTTextChange, onTranslatedTextChange, selectedLanguage, onSelectLanguageChange }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4 w-full dark:bg-[#121212] p-4 rounded", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "language", value: selectedLanguage, onChange: onSelectLanguageChange, className: "p-2 border-2 border-gray-300 rounded dark:text-white dark:bg-[#333333]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "en", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Inglesa"), /*#__PURE__*/ React.createElement("option", { value: "fr", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Francesa"), /*#__PURE__*/ React.createElement("option", { value: "de", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Alemã"), /*#__PURE__*/ React.createElement("option", { value: "ru", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Russa"), /*#__PURE__*/ React.createElement("option", { value: "la", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Latim")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 w-full", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "ptText", className: "w-1/2 p-4 border-2 border-gray-300 rounded dark:text-white dark:bg-[#333333]", placeholder: "Digite seu texto em PT-BR aqui...", value: ptText, onChange: onPTTextChange, __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "translatedText", className: "w-1/2 p-4 border-2 border-gray-300 rounded dark:text-white dark:bg-[#333333]", placeholder: "Tradução aparecerá aqui...", value: translatedText, onChange: onTranslatedTextChange, __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }))); } function StoryComponent() { const [ptText1, setPtText1] = React.useState("Olá, como você está?"); const [translatedText1, setTranslatedText1] = React.useState("Hello, how are you?"); const [selectedLanguage1, setSelectedLanguage1] = React.useState("en"); const [ptText2, setPtText2] = React.useState("Bom dia, mundo!"); const [translatedText2, setTranslatedText2] = React.useState("Good morning, world!"); const [selectedLanguage2, setSelectedLanguage2] = React.useState("fr"); return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-8", __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { ptText: ptText1, translatedText: translatedText1, onPTTextChange: (e)=>setPtText1(e.target.value), onTranslatedTextChange: (e)=>setTranslatedText1(e.target.value), selectedLanguage: selectedLanguage1, onSelectLanguageChange: (e)=>setSelectedLanguage1(e.target.value), __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { ptText: ptText2, translatedText: translatedText2, onPTTextChange: (e)=>setPtText2(e.target.value), onTranslatedTextChange: (e)=>setTranslatedText2(e.target.value), selectedLanguage: selectedLanguage2, onSelectLanguageChange: (e)=>setSelectedLanguage2(e.target.value), __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this })); }