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

theo-code-mà-đổi-thành-7-ngày-và-thêm-chỗ-để-đổi-ngày-lựa-chọn-thời-gian-và-hai-phím-mũi-tên-hai-bên-<main-className="flex-grow-container-mx-auto-px-4-py-8">-<div-className="bg-white-rounded-lg-shadow-lg-p-6">-<h2-className="text-2xl-font-bold-mb-6">5-Day-Forecast-for-{selectedLocation}</h2>-<div-className="grid-grid-cols-1-md:grid-cols-5-gap-4">-{weatherData.forecast.map((day,-index)-=>-(-<div-key={index}-className="bg-gray-50-p-4-rounded-lg-hover:shadow-md-transition-shadow"->-<div-className="text-center">-<div-className="text-lg-font-semibold">{day.day}</div>-<div-className="text-4xl-my-2">{day.icon}</div>-<div-className="text-sm">{day.condition}</div>-<div-className="mt-2">-<span-className="text-red-500">{day.high}°</span>-{"-/-"}-<span-className="text-blue-500">{day.low}°</span>-</div>-</div>-</div>-))}-</div>-</div>-</main>