function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl text-[#333] mb-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Food Delivery - Customer Registration"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col items-center space-y-3", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", placeholder: "Full Name", className: "p-2 border border-gray-300 rounded-md w-[300px]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "p-2 border border-gray-300 rounded-md w-[300px]", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: "p-2 border border-gray-300 rounded-md w-[300px]", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "creditCardNumber", placeholder: "Credit Card Number", className: "p-2 border border-gray-300 rounded-md w-[300px]", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "expiryDate", placeholder: "MM/YY", className: "p-2 border border-gray-300 rounded-md w-[300px]", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cvv", placeholder: "CVV", className: "p-2 border border-gray-300 rounded-md w-[300px]", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "deliveryAddress", placeholder: "Delivery Address", className: "p-2 border border-gray-300 rounded-md w-[300px]", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#ff4757] text-white font-roboto p-2 rounded-md w-[300px]", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Register, Pay, and Order"))); }