function MainComponent() { const [selectedCar, setSelectedCar] = React.useState(''); const handleSelectCar = (e)=>{ setSelectedCar(e.target.value); }; const handleSubmit = (e)=>{ e.preventDefault(); // Submit form logic }; const carSelection = /*#__PURE__*/ React.createElement("select", { name: "carSelection", value: selectedCar, onChange: handleSelectCar, className: "block w-full p-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, "Select a Car"), /*#__PURE__*/ React.createElement("option", { value: "sedan", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "Sedan"), /*#__PURE__*/ React.createElement("option", { value: "suv", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "SUV"), /*#__PURE__*/ React.createElement("option", { value: "convertible", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "Convertible"), /*#__PURE__*/ React.createElement("option", { value: "truck", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, "Truck"), /*#__PURE__*/ React.createElement("option", { value: "van", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, "Van")); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F3F4F6] flex items-center justify-center", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg w-full max-w-md", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-[#121212] mb-6", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Car Rental Form"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, carSelection, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", placeholder: "Full Name", className: "mt-4 p-2 w-full border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm", required: true, __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "mt-4 p-2 w-full border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm", required: true, __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full text-white bg-[#007bff] hover:bg-[#0056b3] focus:ring-4 focus:outline-none font-medium rounded-lg text-sm px-5 py-2.5 text-center", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Submit Reservation"))))); }