function MainComponent() { const carTypes = [ "Sedan", "SUV", "Truck", "Convertible", "Coupe" ]; const services = [ { name: "Standard Wash", price: 19.99 }, { name: "Deluxe Wash", price: 29.99 }, { name: "Ultimate Wash", price: 39.99 }, { name: "Exterior Wax", price: 49.99 } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen p-6 bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-8 text-4xl font-bold text-[#334155] font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, "🚗 Car Washing Centre"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "carType", className: "block mb-2 text-sm font-medium text-[#6b7280]", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Choose your car type:"), /*#__PURE__*/ React.createElement("select", { name: "carType", className: "block w-full px-4 py-2 text-base bg-white border rounded-md shadow-sm border-[#d1d5db] focus:outline-none focus:border-[#6366f1] focus:ring-1 focus:ring-[#6366f1]", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, carTypes.map((type)=>/*#__PURE__*/ React.createElement("option", { key: type, value: type, __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, type)))), /*#__PURE__*/ React.createElement("fieldset", { className: "mb-6", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("legend", { className: "block mb-2 text-sm font-medium text-[#6b7280]", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Select a service:"), services.map((service)=>/*#__PURE__*/ React.createElement("div", { key: service.name, className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: service.name, type: "radio", name: "service", value: service.name, className: "w-4 h-4 text-[#6366f1] bg-gray-100 border-gray-300 focus:ring-[#6366f1]", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: service.name, className: "block ml-2 text-sm font-medium text-[#334155]", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, service.name, " - $", service.price)))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-6 py-3 text-base font-semibold text-white bg-[#6366f1] rounded-md shadow hover:bg-[#4f46e5] focus:outline-none focus:ring-2 focus:ring-[#575ae8] focus:ring-offset-2", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "Schedule Wash"))); }