import {
  WiDaySunny,
  WiNightClear,
  WiDayCloudy,
  WiNightCloudy,
  WiCloud,
  WiCloudy,
  WiDayShowers,
  WiNightShowers,
  WiRain,
  WiThunderstorm,
  WiSnow,
  WiFog,
} from 'react-icons/wi';

export default function WeatherIcon({ name }) {
  let icon;

  // name is the openweathermap icon name, see https://openweathermap.org/weather-conditions
  switch (name) {
    case '01d': icon = <WiDaySunny/>; break;
    case '01n': icon = <WiNightClear/>; break;
    case '02d': icon = <WiDayCloudy/>; break;
    case '02n': icon = <WiNightCloudy/>; break;
    case '03d': case '03n': icon = <WiCloud/>; break;
    case '04d': case '04n': icon = <WiCloudy/>; break;
    case '09d': icon = <WiDayShowers/>; break;
    case '09n': icon = <WiNightShowers/>; break;
    case '10d': case '10n': icon = <WiRain/>; break;
    case '11d': case '11n': icon = <WiThunderstorm/>; break;
    case '13d': case '13n': icon = <WiSnow/>; break;
    case '50d': case '50n': icon = <WiFog/>; break;
    default: icon = null; break;
  }

  return icon;
}