function MainComponent() { const [journals, setJournals] = React.useState([]); const [searchParams, setSearchParams] = React.useState({ researchField: "", submissionDeadline: "", publicationDate: "", publicationCost: 0 }); const handleInputChange = (e)=>{ const { name, value } = e.target; setSearchParams({ ...searchParams, [name]: value }); }; const handleSubmit = (e)=>{ e.preventDefault(); // Simulate fetching journals based on search criteria setJournals([ { id: 1, title: "Журнал A", researchField: searchParams.researchField, submissionDeadline: searchParams.submissionDeadline, publicationDate: searchParams.publicationDate, publicationCost: "500" }, { id: 2, title: "Журнал B", researchField: searchParams.researchField, submissionDeadline: searchParams.submissionDeadline, publicationDate: searchParams.publicationDate, publicationCost: "300" } ]); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f4f4f4] flex flex-col items-center justify-center py-6", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] bg-white shadow-lg rounded p-8", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center mb-6", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "Поиск журналов для публикации научных статей"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "research-field", className: "block text-lg text-gray-700 mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Область исследования"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "research-field", name: "researchField", className: "form-input mt-1 block w-full border-gray-300 rounded-md shadow-sm", placeholder: "Введите вашу область исследования", onChange: handleInputChange, __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "submission-deadline", className: "block text-lg text-gray-700 mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Крайняя дата подачи"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "submission-deadline", name: "submissionDeadline", className: "form-input mt-1 block w-full border-gray-300 rounded-md shadow-sm", onChange: handleInputChange, __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "publication-date", className: "block text-lg text-gray-700 mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Дата выхода журнала"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "publication-date", name: "publicationDate", className: "form-input mt-1 block w-full border-gray-300 rounded-md shadow-sm", onChange: handleInputChange, __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "publication-cost", className: "block text-lg text-gray-700 mb-2", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Стоимость публикации"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "publication-cost", name: "publicationCost", className: "form-input mt-1 block w-full border-gray-300 rounded-md shadow-sm", placeholder: "Введите стоимость публикации", onChange: handleInputChange, __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#007bff] text-white font-bold py-2 px-4 rounded hover:bg-[#0056b3] focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Найти журналы")))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] mt-8", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, journals.length > 0 && /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, journals.map((journal)=>/*#__PURE__*/ React.createElement("li", { key: journal.id, className: "bg-white p-4 mb-4 shadow rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, journal.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, "Область исследования: ", journal.researchField), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, "Крайняя дата подачи: ", journal.submissionDeadline), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, "Дата выхода журнала: ", journal.publicationDate), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, "Стоимость публикации: ", journal.publicationCost)))))); }