function MainComponent() { const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const phone = formData.get("phone"); const message = "Someone who has a crush on you has marked you on the CrushWink app. To confirm whether the feelings are mutual mark someone on the app to reveal his/her identity."; const url = `https://api.whatsapp.com/send?phone=${phone}&text=${encodeURIComponent(message)}`; window.open(url, "_blank"); alert("You have been charged $1 for marking your crush."); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-r from-pink-300 to-yellow-300 flex flex-col items-center justify-start p-4 space-y-8", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-red-700 mb-6 font-crimson-text", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "CrushWink ❤️"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 shadow-xl rounded-lg w-full max-w-[400px]", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-blue-600", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Mark New Crush"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-medium text-lg", htmlFor: "phone", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Crush's Phone Number:"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", className: "p-2 border border-blue-300 rounded text-lg", placeholder: "Enter phone number", required: true, __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-red-600 text-white p-2 rounded font-bold text-lg", type: "submit", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Mark Crush - $1"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 shadow-xl rounded-lg w-full max-w-[400px]", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-green-600", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Marked Crushes"), /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-700 text-lg", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "No marked crushes yet.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 shadow-xl rounded-lg w-full max-w-[400px]", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-purple-600", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Matches"), /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-700 text-lg", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "No matches yet."))); }