{"size": 1199, "ext": "js", "max_stars_repo_path": "src/components/Weather/index.js", "max_stars_repo_name": "lawrence415610/weatherApp", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Weather/index.js", "max_issues_repo_name": "lawrence415610/weatherApp", "max_issues_repo_issues_event_min_datetime": "2020-06-08T06:21:36.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-26T16:35:02.000Z", "max_forks_repo_path": "src/components/Weather/index.js", "max_forks_repo_name": "lawrence415610/weatherApp", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 15, "max_forks_count": null, "avg_line_length": 30.7435897436, "max_line_length": 105, "alphanum_fraction": 0.5271059216}
import React from "react";
import "./Weather.css"

import Time from '../Time'
import SearchCity from '../SearchCity'
import CurrentWeather from '../CurrentWeather'
import ForecastWeather from '../ForecastWeather'
import CityPhoto from '../CityPhoto'

export default function Weather({ currentWeather, forecastWeather, onCitySearch, onCityChange, photo }) {
    return (
        <div className="weather">
            <div className="weather__header">
                <div className="weather__left">
                    <Time />
                    <SearchCity
                        onCitySearch={onCitySearch}
                        onCityChange={onCityChange}
                    />
                    <CityPhoto
                        photo={photo}
                        recommendation={currentWeather.icon_recommend[1]}
                    />
                </div>
                <div className="weather__right">
                    <CurrentWeather currentWeather={currentWeather} />
                </div>
            </div>
            <div className="weather__footer">
                <ForecastWeather forecastWeather={forecastWeather} />
            </div>
        </div>
    )
}




