function MainComponent() { const handleOrderClick = (item)=>{ alert(`You have ordered ${item}`); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center font-roboto text-3xl mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "Food Ordering App"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded-md shadow-md", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/pizza.jpg", alt: "Delicious pizza", className: "w-full h-[200px] object-cover rounded-md mb-2", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "font-crimson-text text-xl mb-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Pizza"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Cheesy and delicious pizza with your favorite toppings."), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white py-2 px-4 rounded-md font-roboto hover:bg-blue-700", onClick: ()=>handleOrderClick('Pizza'), __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Order Now")), /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded-md shadow-md", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/burger.jpg", alt: "Juicy burger", className: "w-full h-[200px] object-cover rounded-md mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "font-crimson-text text-xl mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Burger"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Juicy burger with fresh lettuce, tomato, and cheese."), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white py-2 px-4 rounded-md font-roboto hover:bg-blue-700", onClick: ()=>handleOrderClick('Burger'), __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Order Now")), /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded-md shadow-md", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/sushi.jpg", alt: "Fresh sushi", className: "w-full h-[200px] object-cover rounded-md mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "font-crimson-text text-xl mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Sushi"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Fresh sushi made with high-quality ingredients."), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white py-2 px-4 rounded-md font-roboto hover:bg-blue-700", onClick: ()=>handleOrderClick('Sushi'), __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Order Now")))); }