10.GuessTheNumber

Write a component named GuessTheNumber that receives a prop called targetNumber and renders an input with the label Guess the number and a status.

targetNumber: number;

Your task is to guess this number.

You'll have an input that works in realtime. As you write in the input, the status will appear underneath it:

• "Cold": this will appear if the difference between the targetNumber and your number is bigger than 1000
• "Warm": this will appear if the difference is between 1000 and 100 .
• "Hot": this will appear if the difference is smaller than 100 .
• "SUCCESS": this will appear only when the number is exactly the same .