function MainComponent() { const [formData, setFormData] = useState({ name: "", recipient: "", jobTitle: "", experiences: "" }); const [showResult, setShowResult] = useState(false); const handleSubmit = (e)=>{ e.preventDefault(); setShowResult(true); }; const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto space-y-12", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "bg-white shadow-md rounded-lg p-8 space-y-6", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "お名前"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "宛先"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "recipient", value: formData.recipient, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "職位"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "jobTitle", value: formData.jobTitle, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "経験（カンマ区切り）"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "experiences", value: formData.experiences, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "テンプレートを生成")), showResult && /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-8 whitespace-pre-line", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium text-gray-900", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, `${formData.recipient}様、 ${formData.jobTitle}への応募申し込みをさせていただきます。私の${formData.experiences}の経験を活かし、職務を全うできると確信しております。ご検討いただけますと幸いです。敬具 ${formData.name}`)))); }