\n \n\n \n {bursts.map((heart) => (\n \n ❤️\n \n ))}\n\n \n {!isAccepted\n ? (\n \n \n \n \n 🧡\n \n \n\n

\n Amber 🧡, will you be my
\n \n Valentine?\n \n

\n\n

\n \n YES! ❤️\n \n\n noCount > 0 && moveNoButton()}\n onClick={moveNoButton}\n className={`bg-white/95 border-2 border-rose-100 text-rose-400 px-8 py-5 rounded-full font-bold text-xl shadow-lg whitespace-nowrap z-50 transition-all ${\n isEscaping\n ? \"pointer-events-none\"\n : \"hover:bg-rose-50 hover:text-rose-600\"\n }`}\n style={{\n position: noCount === 0 ? \"relative\" : \"absolute\",\n ...(noCount > 0\n ? {\n left: \"50%\",\n top: \"50%\",\n transform:\n `translate(-50%, -50%) translate(${noButtonPosition.x}px, ${noButtonPosition.y}px)`,\n }\n : {}),\n }}\n >\n {noCount === 0 ? \"No\" : funnyMessages[messageIndex]}\n \n

\n\n

\n {noCount > 0 && (\n \n {noCount > 15\n ? \"Okay, you're literally a ninja! 🥷\"\n : noCount > 5\n ? \"Getting faster, aren't we? 💨\"\n : \"Try catching it now! ✨\"}\n \n )}\n

\n \n )\n : (\n \n

\n \n \n \n \n

\n\n

\n \n YESSS! 🎉\n \n

\n I knew you'd say yes!
\n \n Love you forever, Amber! 🧡\n \n

\n\n

\n {[\"🥰\", \"💍\", \"💖\", \"✨\"].map((emoji, i) => (\n \n {emoji}\n \n ))}\n

\n\n {\n setIsAccepted(false);\n setNoCount(0);\n setNoButtonPosition({ x: 0, y: 0 });\n }}\n className=\"mt-8 text-rose-300 text-sm font-black hover:text-rose-500 transition-colors uppercase tracking-[0.4em] bg-white/40 px-8 py-3 rounded-full border border-rose-100/50\"\n >\n Relive the Moment\n \n \n )}\n \n

\n\n \n \n );\n};\n\nexport default App;","deleted","label",[105],"permalink","https://www.val.town/x/Mean_Michael/valentine/code/main.tsx","extension","actionData","errors"]

\n Amber 🧡, will you be my \n \n Valentine?\n \n

\n Amber 🧡, will you be my
\n \n Valentine?\n \n