function MainComponent() { const [formData, setFormData] = useState({ name: "", recipient: "", jobTitle: "", experiences: "" }); const [showTemplate, setShowTemplate] = useState(false); const handleSubmit = (e)=>{ e.preventDefault(); setShowTemplate(true); }; const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto p-6", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleChange, placeholder: "お名前", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "recipient", value: formData.recipient, onChange: handleChange, placeholder: "宛先", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "jobTitle", value: formData.jobTitle, onChange: handleChange, placeholder: "応募職種", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "experiences", value: formData.experiences, onChange: handleChange, placeholder: "経験（カンマ区切り）", className: "w-full p-2 border rounded h-32", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "テンプレート生成")), showTemplate && /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-4 border rounded whitespace-pre-line", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, `Hi ${formData.recipient}, I am writing to apply to ${formData.jobTitle}. I think I'm very qualified for the role based on my experience ${formData.experiences}. Please consider by application. Best, ${formData.name}`)); }