function MainComponent() { const [formState, setFormState] = React.useState({ standardBoothSize: '', customBoothSize: '', doubleDeckerBoothSize: '', hangingStructureSize: '', complexityLevelCustomBooth: 'basic', complexityLevelDoubleDecker: 'basic', complexityLevelHangingStructure: 'basic', receptionCounterSize: '', displayCounterSize: '', podiumSize: '', shelvingUnitSize: '', literatureRackSize: '', meetingTableSize: '', numberOfChairs: '', complexityLevelFurniture: 'basic', woodPanelingArea: '', carvedSignageSize: '', illuminatedSignageSize: '', customLogoBrandingSize: '', complexityLevelDecorative: 'basic', raisedWoodenFlooringArea: '', parquetLaminateFlooringArea: '', portableFlooringArea: '', specializedFlooringArea: '', flooringType: 'anti-static', complexityLevelFlooring: 'basic', storageRoomSize: '', kitchenetteSize: '', loungeAreaSize: '', graphicType: 'banners', audioVisualEquipmentType: 'screens', sustainableSolutionType: 'booth' }); const handleChange = (e)=>{ const { name, value } = e.target; setFormState((prevState)=>({ ...prevState, [name]: value })); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-semibold text-[#121212] mb-8", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, "Wooden Production Services Calculator"), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Booth Construction"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "standardBoothSize", placeholder: "Booth Size (sqm) - Standard Shell Scheme", className: "border p-2", value: formState.standardBoothSize, onChange: handleChange, __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "customBoothSize", placeholder: "Booth Size (sqm) - Custom-Built Wooden", className: "border p-2", value: formState.customBoothSize, onChange: handleChange, __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "doubleDeckerBoothSize", placeholder: "Booth Size (sqm) - Double-Decker", className: "border p-2", value: formState.doubleDeckerBoothSize, onChange: handleChange, __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "hangingStructureSize", placeholder: "Structure Size (sqm) - Hanging Structures", className: "border p-2", value: formState.hangingStructureSize, onChange: handleChange, __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "complexityLevelCustomBooth", className: "border p-2", value: formState.complexityLevelCustomBooth, onChange: handleChange, __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "Complexity Level - Custom-Built Wooden"), /*#__PURE__*/ React.createElement("option", { value: "basic", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, "Basic"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, "High")), /*#__PURE__*/ React.createElement("select", { name: "complexityLevelDoubleDecker", className: "border p-2", value: formState.complexityLevelDoubleDecker, onChange: handleChange, __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, "Complexity Level - Double-Decker"), /*#__PURE__*/ React.createElement("option", { value: "basic", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Basic"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "High")), /*#__PURE__*/ React.createElement("select", { name: "complexityLevelHangingStructure", className: "border p-2", value: formState.complexityLevelHangingStructure, onChange: handleChange, __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Complexity Level - Hanging Structures"), /*#__PURE__*/ React.createElement("option", { value: "basic", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "Basic"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "High"))))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 82, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, "Furniture & Fixtures"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "receptionCounterSize", placeholder: "Counter Size (m) - Reception", className: "border p-2", value: formState.receptionCounterSize, onChange: handleChange, __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "displayCounterSize", placeholder: "Counter Size (m) - Display", className: "border p-2", value: formState.displayCounterSize, onChange: handleChange, __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "podiumSize", placeholder: "Podium Size (m)", className: "border p-2", value: formState.podiumSize, onChange: handleChange, __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "shelvingUnitSize", placeholder: "Shelving Unit Size (m)", className: "border p-2", value: formState.shelvingUnitSize, onChange: handleChange, __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "literatureRackSize", placeholder: "Rack Size (m) - Literature", className: "border p-2", value: formState.literatureRackSize, onChange: handleChange, __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "meetingTableSize", placeholder: "Table Size (m) - Meeting", className: "border p-2", value: formState.meetingTableSize, onChange: handleChange, __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "numberOfChairs", placeholder: "Number of Chairs", className: "border p-2", value: formState.numberOfChairs, onChange: handleChange, __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "complexityLevelFurniture", className: "border p-2", value: formState.complexityLevelFurniture, onChange: handleChange, __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, "Complexity Level - Furniture"), /*#__PURE__*/ React.createElement("option", { value: "basic", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, "Basic"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, "High"))))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 106, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, "Decorative Elements"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "woodPanelingArea", placeholder: "Area (sqm) - Wood Paneling & Cladding", className: "border p-2", value: formState.woodPanelingArea, onChange: handleChange, __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "carvedSignageSize", placeholder: "Signage Size (m) - Carved", className: "border p-2", value: formState.carvedSignageSize, onChange: handleChange, __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "illuminatedSignageSize", placeholder: "Signage Size (m) - Illuminated", className: "border p-2", value: formState.illuminatedSignageSize, onChange: handleChange, __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "customLogoBrandingSize", placeholder: "Branding Size (m) - Custom Logos", className: "border p-2", value: formState.customLogoBrandingSize, onChange: handleChange, __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "complexityLevelDecorative", className: "border p-2", value: formState.complexityLevelDecorative, onChange: handleChange, __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, "Complexity Level - Decorative Elements"), /*#__PURE__*/ React.createElement("option", { value: "basic", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, "Basic"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, "High"))))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 127, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this }, "Flooring"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "raisedWoodenFlooringArea", placeholder: "Area (sqm) - Raised Wooden", className: "border p-2", value: formState.raisedWoodenFlooringArea, onChange: handleChange, __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "parquetLaminateFlooringArea", placeholder: "Area (sqm) - Parquet/Laminate", className: "border p-2", value: formState.parquetLaminateFlooringArea, onChange: handleChange, __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "portableFlooringArea", placeholder: "Area (sqm) - Portable", className: "border p-2", value: formState.portableFlooringArea, onChange: handleChange, __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "specializedFlooringArea", placeholder: "Area (sqm) - Specialized", className: "border p-2", value: formState.specializedFlooringArea, onChange: handleChange, __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 137, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "flooringType", className: "border p-2", value: formState.flooringType, onChange: handleChange, __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "Flooring Type - Specialized"), /*#__PURE__*/ React.createElement("option", { value: "anti-static", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, "Anti-static"), /*#__PURE__*/ React.createElement("option", { value: "sound-absorbing", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, "Sound-absorbing")), /*#__PURE__*/ React.createElement("select", { name: "complexityLevelFlooring", className: "border p-2", value: formState.complexityLevelFlooring, onChange: handleChange, __source: { fileName: "", lineNumber: 143, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, "Complexity Level - Flooring"), /*#__PURE__*/ React.createElement("option", { value: "basic", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, "Basic"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, "High")))))); }