function MainComponent() { const [resumeText, setResumeText] = React.useState(''); const [template, setTemplate] = React.useState(''); const [scoutText, setScoutText] = React.useState(''); const handleUpload = async (e)=>{ e.preventDefault(); const file = e.target.resume.files[0]; if (file) { const formData = new FormData(); formData.append('file', file); const response = await fetch('/api/upload', { method: 'POST', body: formData }); const text = await response.text(); setResumeText(text); } }; const handleSaveTemplate = ()=>{ // Save template logic }; const handleGenerateScoutText = async ()=>{ const response = await fetch('/api/generate', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ resume: resumeText, template: template }) }); const generatedText = await response.text(); setScoutText(generatedText); }; const handleCopyScoutText = ()=>{ navigator.clipboard.writeText(scoutText); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6 font-roboto", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, "履歴書・職務経歴書自動処理ツール"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "入力セクション"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleUpload, __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-2 font-roboto", htmlFor: "resume", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "履歴書/職務経歴書 (テキスト/PDF)"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "file", id: "resume", name: "resume", accept: ".pdf,.txt", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white py-2 rounded font-medium hover:bg-blue-600", type: "submit", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "アップロード"))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white p-6 rounded-lg shadow-md mt-8", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "スカウト文テンプレート管理"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border border-gray-300 rounded mb-4", rows: "4", placeholder: "企業ごとの固定文テンプレートを入力してください...", name: "template", value: template, onChange: (e)=>setTemplate(e.target.value), __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-500 text-white py-2 rounded font-medium hover:bg-green-600", type: "button", onClick: handleSaveTemplate, __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, "保存")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white p-6 rounded-lg shadow-md mt-8", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "生成されたスカウト文"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border border-gray-300 rounded mb-4", rows: "6", placeholder: "ここに生成されたスカウト文が表示されます...", name: "scout_text", value: scoutText, onChange: (e)=>setScoutText(e.target.value), __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-purple-500 text-white py-2 rounded font-medium hover:bg-purple-600", type: "button", onClick: handleCopyScoutText, __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, "コピー"))); }