function MainComponent() { const [formData, setFormData] = React.useState({ equipmentNumber: '', partName: '', failureName: '', impactLevel: '', probability: '', mitigationMeasure: '', implementationTiming: '', implementationCost: '', postMitigationImpact: '', postMitigationProbability: '' }); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); console.log('Form submitted:', formData); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded shadow p-8", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto mb-6", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "リスク登録フォーム"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "equipmentNumber", className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "機器番号"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "equipmentNumber", name: "equipmentNumber", value: formData.equipmentNumber, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "partName", className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "部品名"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "partName", name: "partName", value: formData.partName, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "failureName", className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "発生する故障の名称"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "failureName", name: "failureName", value: formData.failureName, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "impactLevel", className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "影響度"), /*#__PURE__*/ React.createElement("select", { id: "impactLevel", name: "impactLevel", value: formData.impactLevel, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }, "選択してください"), [ 1, 2, 3, 4, 5 ].map((level)=>/*#__PURE__*/ React.createElement("option", { key: level, value: level, __source: { fileName: "", lineNumber: 78, columnNumber: 19 }, __self: this }, level)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "probability", className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "発生確率"), /*#__PURE__*/ React.createElement("select", { id: "probability", name: "probability", value: formData.probability, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, "選択してください"), [ 1, 2, 3, 4, 5 ].map((level)=>/*#__PURE__*/ React.createElement("option", { key: level, value: level, __source: { fileName: "", lineNumber: 93, columnNumber: 19 }, __self: this }, level))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "mitigationMeasure", className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "緩和策"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "mitigationMeasure", name: "mitigationMeasure", value: formData.mitigationMeasure, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "implementationTiming", className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, "実施時期"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "implementationTiming", name: "implementationTiming", value: formData.implementationTiming, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "implementationCost", className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "実施費用"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "implementationCost", name: "implementationCost", value: formData.implementationCost, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "postMitigationImpact", className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, "緩和後の影響度"), /*#__PURE__*/ React.createElement("select", { id: "postMitigationImpact", name: "postMitigationImpact", value: formData.postMitigationImpact, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 146, columnNumber: 17 }, __self: this }, "選択してください"), [ 1, 2, 3, 4, 5 ].map((level)=>/*#__PURE__*/ React.createElement("option", { key: level, value: level, __source: { fileName: "", lineNumber: 148, columnNumber: 19 }, __self: this }, level)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "postMitigationProbability", className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, "緩和後の発生確率"), /*#__PURE__*/ React.createElement("select", { id: "postMitigationProbability", name: "postMitigationProbability", value: formData.postMitigationProbability, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }, "選択してください"), [ 1, 2, 3, 4, 5 ].map((level)=>/*#__PURE__*/ React.createElement("option", { key: level, value: level, __source: { fileName: "", lineNumber: 163, columnNumber: 19 }, __self: this }, level))))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, "登録")))); }