function MainComponent() { const [applications, setApplications] = React.useState([]); const [resume, setResume] = React.useState(''); const [coverLetter, setCoverLetter] = React.useState(''); const handleFileChange = (event, setType)=>{ const file = event.target.files[0]; const reader = new FileReader(); reader.onloadend = ()=>{ setType(reader.result); }; reader.readAsDataURL(file); }; const addApplication = ()=>{ setApplications([ ...applications, { company: '', serviceType: '', serviceName: '', resumeURL: '', interviewNotes: '', status: '' } ]); }; const updateApplication = (index, key, value)=>{ const updatedApplications = applications.map((application, i)=>i === index ? { ...application, [key]: value } : application); setApplications(updatedApplications); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, "転職管理アプリケーション"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "履歴書と職務経歴書"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "resume", onChange: (e)=>handleFileChange(e, setResume), className: "block mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://example.com/resume-tool", className: "bg-blue-500 text-white px-4 py-2 rounded block text-center mb-2", target: "_blank", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "履歴書作成ツール"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "coverLetter", onChange: (e)=>handleFileChange(e, setCoverLetter), className: "block mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://example.com/cover-letter-tool", className: "bg-blue-500 text-white px-4 py-2 rounded block text-center mb-2", target: "_blank", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "職務経歴書作成ツール")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-2", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "応募企業一覧"), /*#__PURE__*/ React.createElement("button", { onClick: addApplication, className: "bg-blue-500 text-white px-4 py-2 rounded mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "企業を追加"), applications.map((application, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-4 rounded shadow mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "company", value: application.company, onChange: (e)=>updateApplication(index, 'company', e.target.value), placeholder: "企業名", className: "block w-full mb-2 border p-2", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "serviceType", value: application.serviceType, onChange: (e)=>updateApplication(index, 'serviceType', e.target.value), placeholder: "サービス種類（求人サイト、人材紹介、スカウトなど）", className: "block w-full mb-2 border p-2", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "serviceName", value: application.serviceName, onChange: (e)=>updateApplication(index, 'serviceName', e.target.value), placeholder: "サービス名", className: "block w-full mb-2 border p-2", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "url", name: "resumeURL", value: application.resumeURL, onChange: (e)=>updateApplication(index, 'resumeURL', e.target.value), placeholder: "職務経歴書のURL", className: "block w-full mb-2 border p-2", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "interviewNotes", value: application.interviewNotes, onChange: (e)=>updateApplication(index, 'interviewNotes', e.target.value), placeholder: "面接で話した内容", className: "block w-full mb-2 border p-2", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "status", value: application.status, onChange: (e)=>updateApplication(index, 'status', e.target.value), placeholder: "状態", className: "block w-full mb-2 border p-2", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-2", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, "求人情報を探索し応募"), /*#__PURE__*/ React.createElement("a", { href: "https://example.com", className: "bg-green-500 text-white px-4 py-2 rounded block text-center", target: "_blank", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, "求人サイトを開く"))); }