function MainComponent() { const [hvacData, setHvacData] = React.useState({ furnaceModel: "", furnaceSerialNumber: "", acModel: "", acSerialNumber: "", temperatureRise: "", gasPressure: "", externalStaticPressure: "", hrvFreshAirIntakeCfm: "", hrvExhaustCfm: "" }); const handleChange = (e)=>{ setHvacData({ ...hvacData, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); console.log(hvacData); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 bg-[#F3F4F6] min-h-screen", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-xl text-[#121212] mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, "HVAC Balancing Record Form"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#121212] font-roboto mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Furnace Model", /*#__PURE__*/ React.createElement("input", { type: "text", name: "furnaceModel", value: hvacData.furnaceModel, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded mt-1", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#121212] font-roboto mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Furnace Serial Number", /*#__PURE__*/ React.createElement("input", { type: "text", name: "furnaceSerialNumber", value: hvacData.furnaceSerialNumber, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded mt-1", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#121212] font-roboto mb-2", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Air-Conditioner Model", /*#__PURE__*/ React.createElement("input", { type: "text", name: "acModel", value: hvacData.acModel, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded mt-1", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#121212] font-roboto mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Air-Conditioner Serial Number", /*#__PURE__*/ React.createElement("input", { type: "text", name: "acSerialNumber", value: hvacData.acSerialNumber, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded mt-1", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#121212] font-roboto mb-2", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Temperature Rise (°F)", /*#__PURE__*/ React.createElement("input", { type: "text", name: "temperatureRise", value: hvacData.temperatureRise, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded mt-1", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#121212] font-roboto mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, 'Gas Pressure ("WC)', /*#__PURE__*/ React.createElement("input", { type: "text", name: "gasPressure", value: hvacData.gasPressure, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded mt-1", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#121212] font-roboto mb-2", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, 'Total External Static Pressure ("WC)', /*#__PURE__*/ React.createElement("input", { type: "text", name: "externalStaticPressure", value: hvacData.externalStaticPressure, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded mt-1", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#121212] font-roboto mb-2", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "HRV Fresh Air Intake (CFM)", /*#__PURE__*/ React.createElement("input", { type: "text", name: "hrvFreshAirIntakeCfm", value: hvacData.hrvFreshAirIntakeCfm, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded mt-1", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#121212] font-roboto mb-2", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "HRV Exhaust (CFM)", /*#__PURE__*/ React.createElement("input", { type: "text", name: "hrvExhaustCfm", value: hvacData.hrvExhaustCfm, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded mt-1", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#007BFF] text-white font-roboto py-2 px-4 rounded hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, "Submit"))); }