function MainComponent() { const [formData, setFormData] = React.useState({ jumpseat: false, bkw: 5, comp1: 5, comp2: 8, comp3: 12, comp4: 12, comp5: 12, comp6: 8, aft1: 550, aft2: 3200, fuel: 3230, fwd: 150, burn: 823, passengers: 57 }); const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prevFormData)=>({ ...prevFormData, [name]: value })); }; const handleCheckboxChange = ()=>{ setFormData((prevFormData)=>({ ...prevFormData, jumpseat: !prevFormData.jumpseat })); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#262626] text-white font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between py-2 px-4", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#FFC107] text-black rounded py-1 px-3", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "Clear"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, "5N-???"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#FFC107] text-black rounded py-1 px-3", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, "Calculate")), /*#__PURE__*/ React.createElement("div", { className: "py-4 px-4", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "my-2", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2 text-lg font-semibold text-white", __source: { fileName: "", lineNumber: 37, columnNumber: 21 }, __self: this }, "Jumpseat?"), /*#__PURE__*/ React.createElement("label", { className: "flex items-center cursor-pointer", __source: { fileName: "", lineNumber: 38, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 39, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: formData.jumpseat, onChange: handleCheckboxChange, className: "sr-only", name: "jumpseat", __source: { fileName: "", lineNumber: 40, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "block bg-gray-400 w-14 h-8 rounded-full", __source: { fileName: "", lineNumber: 47, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition", __source: { fileName: "", lineNumber: 48, columnNumber: 29 }, __self: this })))), Object.keys(formData).filter((key)=>key !== 'jumpseat').map((name, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "my-2", __source: { fileName: "", lineNumber: 53, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-2 text-lg font-semibold text-white", __source: { fileName: "", lineNumber: 54, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: name, __source: { fileName: "", lineNumber: 55, columnNumber: 29 }, __self: this }, name.toUpperCase().replace('COMP', 'Comp ')), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", id: name, name: name, value: formData[name], onChange: handleInputChange, className: "w-20 bg-gray-400 text-center", __source: { fileName: "", lineNumber: 57, columnNumber: 33 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around py-2 px-4 bg-[#d9534f] rounded", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }, "A/C Limits")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, ` .dot { transform: ${formData.jumpseat ? 'translateX(6px)' : 'translateX(0)'}; } `)); }