Weather Display - Copy this React, Tailwind Component to your project

Create a ui to display weather like this{ "coord": { "lon": 97.5164, "lat": 35.4676 }, "weather": [ { "id": 801, "main": "Clouds", "description": "few clouds", "icon": "02n" } ], "base": "stations", "main": { "temp": 26.44, "feels_like": 26.44, "temp_min": 24.79, "temp_max": 27.66, "pressure": 1009, "humidity": 66, "sea_level": 1009, "grnd_level": 969 }, "visibility": 10000, "wind": { "speed": 5.66, "deg": 190 }, "clouds": { "all": 20 }, "dt": 1726824984, "sys": { "type": 2, "id": 2007331, "country": "US", "sunrise": 1726834615, "sunset": 1726878586 }, "timezone": 18000, "id": 4544349, "name": "Oklahoma City", "cod": 200 }