function MainComponent() { const iconCheck = "fa-circle-check text-green-500 text-3xl"; const iconCross = "fa-circle-xmark text-red-500 text-3xl"; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFF7EB] min-h-screen flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[375px] bg-white rounded-xl shadow-xl overflow-hidden relative", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('/images/iphone-frame.png')] bg-no-repeat bg-cover", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex flex-col", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/efood-delivery-person-scooter.jpg", alt: "eFood delivery person on scooter", className: "w-full object-cover", style: { height: '40%' }, __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-center text-2xl font-bold my-4 font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Create Account"), /*#__PURE__*/ React.createElement("div", { className: "px-4 pb-4 flex-grow", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center bg-white rounded border border-green-500", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Name", className: "w-full px-4 py-2 text-sm font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-2 bg-white rounded-full", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fa-solid ${iconCheck}`, __source: { fileName: "", lineNumber: 27, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center bg-white rounded border border-green-500", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "w-full px-4 py-2 text-sm font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-2 bg-white rounded-full", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fa-solid ${iconCheck}`, __source: { fileName: "", lineNumber: 38, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center bg-white rounded border border-red-500", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: "w-full px-4 py-2 text-sm font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-2 bg-white", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fa-solid ${iconCross}`, __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-red-500 px-4 py-1", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "Please add a special character: @^&_%"), /*#__PURE__*/ React.createElement("button", { className: "w-full py-3 bg-[#007BFF] rounded-full text-white font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "Create Account")))))); }