function MainComponent() { const safetyItems = [ "ヘルメット", "安全帯", "防護服", "安全靴", "ゴーグル", "手袋", "耳栓", "マスク", "保護具", "安全点検" ]; const [workItems, setWorkItems] = React.useState([ '' ]); const [showRadiation, setShowRadiation] = React.useState(false); const [showHighPlaces, setShowHighPlaces] = React.useState(false); const [showConfinedSpace, setShowConfinedSpace] = React.useState(false); const [showFireWork, setShowFireWork] = React.useState(false); const addWorkItem = ()=>{ setWorkItems([ ...workItems, '' ]); }; const handleSpecialConditionChange = (event, setter)=>{ setter(event.target.checked); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full p-4 font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "安全指示書記入フォーム"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-2", htmlFor: "workName", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "作業名"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-400", type: "text", id: "workName", name: "workName", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-2", htmlFor: "workerName", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "作業者"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-400", type: "text", id: "workerName", name: "workerName", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-2", htmlFor: "workItems", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "作業項目"), workItems.map((_, index)=>/*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mb-2", key: index, __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "flex-1 p-2 border border-gray-400", type: "text", id: `workItem${index}`, name: "workItems", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: addWorkItem, className: "px-4 py-2 bg-blue-500 text-white", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "追加")))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "通常の安全指示項目"), /*#__PURE__*/ React.createElement("div", { className: "space-y-1", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, safetyItems.map((item, index)=>{ const inputId = `safetyItem${index}`; return /*#__PURE__*/ React.createElement("div", { key: index, __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: inputId, name: "safetyItems", value: item, __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: inputId, className: "ml-2", __source: { fileName: "", lineNumber: 50, columnNumber: 19 }, __self: this }, item)); }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "radiationArea", name: "specialConditions", value: "radiationArea", onChange: (event)=>handleSpecialConditionChange(event, setShowRadiation), __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "radiationArea", className: "ml-2", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "放射線管理区域"), showRadiation && /*#__PURE__*/ React.createElement("div", { className: "pl-6", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, [ ...Array.from({ length: 10 }) ].map((_, i)=>{ const inputId = `radiationAreaItem${i}`; return /*#__PURE__*/ React.createElement("div", { key: inputId, __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: inputId, name: "radiationAreaItem", value: inputId, __source: { fileName: "", lineNumber: 65, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: inputId, className: "ml-2", __source: { fileName: "", lineNumber: 66, columnNumber: 21 }, __self: this }, "管理区域用チェックボックス ", i + 1)); }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "highPlacesWork", name: "specialConditions", value: "highPlacesWork", onChange: (event)=>handleSpecialConditionChange(event, setShowHighPlaces), __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "highPlacesWork", className: "ml-2", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "高所作業"), showHighPlaces && /*#__PURE__*/ React.createElement("div", { className: "pl-6", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, [ ...Array.from({ length: 5 }) ].map((_, i)=>{ const inputId = `highPlacesWorkItem${i}`; return /*#__PURE__*/ React.createElement("div", { key: inputId, __source: { fileName: "", lineNumber: 81, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: inputId, name: "highPlacesWorkItem", value: inputId, __source: { fileName: "", lineNumber: 82, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: inputId, className: "ml-2", __source: { fileName: "", lineNumber: 83, columnNumber: 21 }, __self: this }, "高所作業用安全項目 ", i + 1)); }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "confinedSpaceWork", name: "specialConditions", value: "confinedSpaceWork", onChange: (event)=>handleSpecialConditionChange(event, setShowConfinedSpace), __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "confinedSpaceWork", className: "ml-2", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, "閉所作業"), showConfinedSpace && /*#__PURE__*/ React.createElement("div", { className: "pl-6", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, [ ...Array.from({ length: 5 }) ].map((_, i)=>{ const inputId = `confinedSpaceWorkItem${i}`; return /*#__PURE__*/ React.createElement("div", { key: inputId, __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: inputId, name: "confinedSpaceWorkItem", value: inputId, __source: { fileName: "", lineNumber: 99, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: inputId, className: "ml-2", __source: { fileName: "", lineNumber: 100, columnNumber: 21 }, __self: this }, "閉所作業用安全項目 ", i + 1)); }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "fireWork", name: "specialConditions", value: "fireWork", onChange: (event)=>handleSpecialConditionChange(event, setShowFireWork), __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "fireWork", className: "ml-2", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, "火気作業"), showFireWork && /*#__PURE__*/ React.createElement("div", { className: "pl-6", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, [ ...Array.from({ length: 5 }) ].map((_, i)=>{ const inputId = `fireWorkItem${i}`; return /*#__PURE__*/ React.createElement("div", { key: inputId, __source: { fileName: "", lineNumber: 115, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: inputId, name: "fireWorkItem", value: inputId, __source: { fileName: "", lineNumber: 116, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: inputId, className: "ml-2", __source: { fileName: "", lineNumber: 117, columnNumber: 21 }, __self: this }, "火気作業用安全項目 ", i + 1)); }), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-2", htmlFor: "hazardousItems", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, "持ち込み危険物のリスト"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border border-gray-400", id: "hazardousItems", name: "hazardousItems", rows: "4", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this })))))); }