function MainComponent() { const [selectedLocation, setSelectedLocation] = React.useState(''); const handleLocationChange = (e)=>{ setSelectedLocation(e.target.value); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f5]", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-10 text-center", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "🚚 Food Delivery"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Get your meals delivered fast & hot")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-8 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-6 text-2xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Choose Your Location"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "location", onChange: handleLocationChange, value: selectedLocation, className: "w-full p-3 mb-4 text-base border rounded-md outline-none font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Select your current location"), /*#__PURE__*/ React.createElement("option", { value: "downtown", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Downtown"), /*#__PURE__*/ React.createElement("option", { value: "suburbs", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Suburbs"), /*#__PURE__*/ React.createElement("option", { value: "rural", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Rural Area")))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md mt-10", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-4 text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Nearby Restaurants"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "p-6 bg-white rounded-md shadow-md", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Pasta Central 🍝"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Italian Cuisine")), /*#__PURE__*/ React.createElement("li", { className: "p-6 bg-white rounded-md shadow-md", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Burger Hub 🍔"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "American Fast Food")), /*#__PURE__*/ React.createElement("li", { className: "p-6 bg-white rounded-md shadow-md", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Green Bowl 🥗"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Healthy Salads & Snacks"))))); }