import React, { useState } from 'react';

interface Ad {
title: string;
reward: number;
watched: boolean;
}

const WatchAdsToMoney = () => {
const [ads, setAds] = useState<Ad[]>([
{ title: 'Ad 1', reward: 10, watched: false },
{ title: 'Ad 2', reward: 20, watched: false },
{ title: 'Ad 3', reward: 30, watched: false },
]);

const [balance, setBalance] = useState(0);

const handleWatchAd = (index: number) => {
const newAds = [...ads];
newAds[index].watched = true;
setAds(newAds);
setBalance(balance + newAds[index].reward);
};

return (
<div className="max-w-md mx-auto p-4 bg-white rounded-md shadow-md">
<h1 className="text-3xl font-bold mb-4">Watch Ads to Earn Money</h1>
<p className="text-lg mb-4">Your balance: ${balance}</p>
<div className="flex flex-col gap-4">
{ads.map((ad, index) => (
<div key={index} className="bg-gray-100 p-4 rounded-md">
<h2 className="text-lg font-bold">{ad.title}</h2>
<p className="text-sm">Reward: ${ad.reward}</p>
<button
className={`mt-2 py-2 px-4 rounded-md ${
ad.watched ? 'bg-gray-400 cursor-not-allowed' : 'bg-blue-500 hover:bg-blue-700 text-white'
}`}
onClick={() => handleWatchAd(index)}
disabled={ad.watched}
>
{ad.watched ? 'Already watched' : 'Watch ad'}
</button>
</div>
))}
</div>
</div>
);
};

export default WatchAdsToMoney;

⁣Dard Bhara Song ? Indian idol Duplicate Himesh #himeshreshammiya #shorts #indianidol #sad #viral

Video Title : चालाकी जानकर हैरान हो जाओगे || Intelligent bird in the world #shorts


Intelligent bird in the world


Sharks keep ocean ecosystems in balance
Sharks are the apex predators in marine ecosystems, which means they have few natural predators and feed on animals below them in the food web. Sharks limit the abundance of their prey, which then affects the prey of those animals, and so on throughout the food web.

Hashtags : #shorts #youtubeshorts #shortvideo #video #pracheenfacts #amazingfacts #fact #animalsfacts #animalvideo
-------------------------------------------------------------
Note:- Full credit to the respective owners. All Images, music, pictures and videos shown in the video belongs to their respective owners. In case of any copyright issue, Please Contact Us immediately for further credit or clip delete. mail us here:- vkumar84259@gmail.com

Disclaimer:- This information is taken from the internet which may or may not be true we DO NOT want to spread any fake news. The content provided by this channel is meant for EDUCATIONAL PURPOSE only.

Copyright Disclaimer:- Under section 107 of copyright Act 1976, allowance is made for FAIR USE for purpose such a criticism, comment, news reporting, teaching, scholarship and research. Fair use is as permitted by copyright statues that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of FAIR USE.

Thanks for watching this video❤️

Andrew Tate

⁣Ben_10_Destroy_All_Aliens HD

⁣#Tamil#Ben_10_Ultimate_Alien_Force_Ep