function MainComponent() { const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const data = { customerName: formData.get('customerName'), orderDetails: formData.get('orderDetails'), restaurantName: "Burger Bhau" }; try { const response = await fetch('http://localhost:3000/placeOrder', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }); if (response.ok) { alert('Order received successfully'); } else { alert('Failed to submit order.'); } } catch (error) { alert('Error submitting order.'); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f8f9fa] font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-[#333333] mb-10", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, "Welcome to Burger Bhau"), /*#__PURE__*/ React.createElement("form", { id: "orderForm", className: "bg-white p-8 rounded-lg shadow-lg", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "customerName", className: "block text-lg text-[#333333] mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Customer Name:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "customerName", name: "customerName", required: true, className: "w-full p-2 border border-[#ccc] rounded-md", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "orderDetails", className: "block text-lg text-[#333333] mb-2", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Order Details:"), /*#__PURE__*/ React.createElement("textarea", { id: "orderDetails", name: "orderDetails", rows: "4", required: true, className: "w-full p-2 border border-[#ccc] rounded-md", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#007bff] hover:bg-[#0056b3] text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Submit Order"))); }