function MainComponent() { const [service, setService] = React.useState(''); const [phoneNumber, setPhoneNumber] = React.useState(''); const handleSubmit = (event)=>{ event.preventDefault(); // Submitting the form logic here }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f7f7f7] p-6 flex flex-col justify-center items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4 flex flex-col w-full max-w-lg", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center font-roboto text-4xl mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "🔧 موقع صيانة"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-grey-darker text-sm font-roboto mb-2", htmlFor: "service-type", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "نوع الخدمة المطلوبة"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "block appearance-none w-full bg-white border border-grey-lighter hover:border-grey px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline", name: "service_type", id: "service-type", value: service, onChange: (e)=>setService(e.target.value), __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, "اختر الخدمة"), /*#__PURE__*/ React.createElement("option", { value: "washing-machine", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, "صيانة غسالات"), /*#__PURE__*/ React.createElement("option", { value: "fridge", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }, "صيانة ثلاجات")), /*#__PURE__*/ React.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-grey-darker", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-grey-darker text-sm font-roboto mb-2", htmlFor: "phone-number", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "رقم التليفون"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline", id: "phone-number", type: "tel", name: "phone_number", placeholder: "0123456789", value: phoneNumber, onChange: (e)=>setPhoneNumber(e.target.value), __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-roboto py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "submit", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "ارسال الطلب")))), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "للتواصل معنا:"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-md", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "01123456789 - 01234567890"))); }