function MainComponent() { const [journalSearchKeyword, setJournalSearchKeyword] = React.useState(''); const [writingPart, setWritingPart] = React.useState(''); const [writingContent, setWritingContent] = React.useState(''); const [suggestions, setSuggestions] = React.useState(''); const handleSearchChange = (event)=>setJournalSearchKeyword(event.target.value); const handleWritingPartChange = (event)=>setWritingPart(event.target.value); const handleWritingContentChange = (event)=>setWritingContent(event.target.value); const writingPartsOptions = [ { value: 'selection', label: '选题' }, { value: 'abstract', label: '摘要' }, { value: 'keywords', label: '关键词' }, { value: 'introduction', label: '引言' }, { value: 'review', label: '综述' }, { value: 'methods', label: '方法' }, { value: 'results', label: '实证结果' }, { value: 'discussion', label: '讨论' }, { value: 'conclusion', label: '结论' } ]; const writingPartOptions = writingPartsOptions.map((option)=>/*#__PURE__*/ React.createElement("option", { key: option.value, value: option.value, __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, option.label)); return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row min-h-screen bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full px-4 py-2 border rounded mb-4", placeholder: "Search for journals", value: journalSearchKeyword, onChange: handleSearchChange, name: "journalSearch", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "py-2 px-4 border rounded bg-[#1e90ff] text-white", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "搜索"))), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-4 border-l sm:border-t-0 border-t sm:border-l-0 border-[#ddd]", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "w-full py-2 px-4 border rounded bg-white mb-4", name: "writingPartSelect", value: writingPart, onChange: handleWritingPartChange, __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, writingPartOptions), /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-[200px] px-4 py-2 border rounded mb-4 resize-none", placeholder: "Write here...", name: "writingContent", value: writingContent, onChange: handleWritingContentChange, __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "border rounded p-4 h-[200px] overflow-auto", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, suggestions))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, ` @media (max-width: 640px) { .sm\\:flex-row { flex-direction: column; } .sm\\:w-1\\/2 { width: 100%; } .sm\\:border-t-0 { border-top-width: 0; } .sm\\:border-l-0 { border-left-width: 0; } } `)); }