"use client"; import { useState } from "react"; export default function Page() { const [noCount, setNoCount] = useState(0); const [yesPressed, setYesPressed] = useState(false); const yesButtonSize = noCount * 20 + 16; const handleNoClick = () => { setNoCount(noCount + 1); }; const getNoButtonText = () => { const phrases = [ "No", "Are you sure?", "Really sure?", "Think again!", "Last chance!", "Surely not?", "You might regret this!", "Give it another thought!", "Are you absolutely certain?", "This could be a mistake!", "Have a heart!", "Don't be so cold!", "Change of heart?", "Wouldn't you reconsider?", "Is that your final answer?", "You're breaking my heart ;(", ]; return phrases[Math.min(noCount, phrases.length - 1)]; }; return (
{yesPressed ? ( <>
Ok yay!!!
) : ( <>
Will you be my Valentine?
setYesPressed(true)} > Yes
{noCount === 0 ? "No" : getNoButtonText()}
)}
); }
