function MainComponent() { const handleFormSubmit = (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f7f7f7] p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto bg-white shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-semibold text-center mb-6", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Repair Service Request"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleFormSubmit, __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "address", className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Your Address"), /*#__PURE__*/ React.createElement("textarea", { id: "address", name: "address", rows: "4", className: "w-full p-2 border border-gray-300 rounded-md", placeholder: "Enter your address here", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("fieldset", { className: "mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("legend", { className: "text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Appliance Type"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "washing-machine", type: "checkbox", name: "applianceType", value: "Washing Machine", className: "mr-2", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "washing-machine", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Washing Machine")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "refrigerator", type: "checkbox", name: "applianceType", value: "Refrigerator", className: "mr-2", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "refrigerator", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "Refrigerator")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "ac", type: "checkbox", name: "applianceType", value: "AC", className: "mr-2", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "ac", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "AC"))), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 text-white bg-blue-500 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Submit Request"))))); }