{"size": 969, "ext": "js", "max_stars_repo_path": "weatherbrain/src/components/weathertile.js", "max_stars_repo_name": "CasperKristiansson/Group-Project-II1302", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "weatherbrain/src/components/weathertile.js", "max_issues_repo_name": "CasperKristiansson/Group-Project-II1302", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "weatherbrain/src/components/weathertile.js", "max_forks_repo_name": "CasperKristiansson/Group-Project-II1302", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 31.2580645161, "max_line_length": 77, "alphanum_fraction": 0.5005159959}
import '../styling/components/weathertile.css';
import {BsFillSunFill, BsFillCloudDrizzleFill} from 'react-icons/bs';

function WeatherTile (props)  {
    let symbol = null;
    if(Math.round(props.day.humidity) <= 70){
        symbol = <BsFillSunFill className='weathertile-symbol' />;
    }else{
        symbol = <BsFillCloudDrizzleFill className='weathertile-symbol' />;
    }
    
    return (
        <div className="tilediv">
            <div className="content-holder">
                <div className="date">
                    {props.day.date}
                </div>
                <div>
                    <div className="temperature-holder">
                        <strong>{Math.round(props.day.temperature)}°</strong>
                    </div>
                    <div className="symbol-holder">   
                        {symbol}
                    </div>
                </div>
            </div>
        </div>
    );
}
export default WeatherTile;
