import { Button } from "/components/ui/button"; import { useState, useEffect } from "react"; export default function App() { const [countdown, setCountdown] = useState(60); const [countdownActive, setCountdownActive] = useState(true); const [giftLink, setGiftLink] = useState(""); const [showGiftButton, setShowGiftButton] = useState(false); const [showContent, setShowContent] = useState(false); useEffect(() => { let interval; if (countdownActive) { interval = setInterval(() => { if (countdown > 0) { setCountdown(countdown - 1); } else { setCountdownActive(false); setShowGiftButton(true); } }, 1000); } return () => clearInterval(interval); }, [countdown, countdownActive]); const resetCountdown = () => { setCountdown(60); setCountdownActive(true); setShowGiftButton(false); }; const handleGiftButton = () => { setGiftLink("https://bingotingo.com/best-social-media-platforms/"); }; const handleContinueButton = () => { setShowContent(true); }; return (
{showContent ? ( <>
الرجاء الانتظار: {countdown} ثانية
{showGiftButton && (
احصل على هديتك
)} {giftLink && (
اضغط هنا للحصول على هديتك
)} ) : (
انقر للمتابعة
)}
); }