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

export default function WeatherIcon(props) {
  let icon;

  // props.name is the openweathermap icon name, see https://openweathermap.org/weather-conditions
  switch (props.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;
}