function MainComponent() { const [scores, setScores] = React.useState({ area1: null, area2: null }); const handleSubmit = (area, criteria)=>{ const totalScore = criteria.reduce((acc, current)=>acc + parseFloat(current), 0); setScores((prevScores)=>({ ...prevScores, [area]: totalScore })); }; return /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, "Application Area Viability Scoring"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border border-gray-300 rounded-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Application Area 1"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-roboto", htmlFor: "criteria1", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Criteria 1"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "number", min: "1", max: "10", name: "criteria1", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-roboto", htmlFor: "criteria2", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Criteria 2"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "number", min: "1", max: "10", name: "criteria2", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-roboto", htmlFor: "criteria3", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Criteria 3"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "number", min: "1", max: "10", name: "criteria3", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full py-2 px-4 bg-blue-500 text-white font-bold rounded", onClick: ()=>handleSubmit('area1', [ document.getElementsByName("criteria1")[0].value, document.getElementsByName("criteria2")[0].value, document.getElementsByName("criteria3")[0].value ]), __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Submit Score"), scores.area1 !== null && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-green-500 font-bold", __source: { fileName: "", lineNumber: 33, columnNumber: 37 }, __self: this }, "Total Score: ", scores.area1)), /*#__PURE__*/ React.createElement("div", { className: "p-4 border border-gray-300 rounded-lg", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Application Area 2"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-roboto", htmlFor: "criteria1a", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Criteria 1"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "number", min: "1", max: "10", name: "criteria1a", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-roboto", htmlFor: "criteria2a", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Criteria 2"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "number", min: "1", max: "10", name: "criteria2a", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-roboto", htmlFor: "criteria3a", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Criteria 3"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "number", min: "1", max: "10", name: "criteria3a", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full py-2 px-4 bg-blue-500 text-white font-bold rounded", onClick: ()=>handleSubmit('area2', [ document.getElementsByName("criteria1a")[0].value, document.getElementsByName("criteria2a")[0].value, document.getElementsByName("criteria3a")[0].value ]), __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Submit Score"), scores.area2 !== null && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-green-500 font-bold", __source: { fileName: "", lineNumber: 55, columnNumber: 37 }, __self: this }, "Total Score: ", scores.area2)))); }