{"size": 329, "ext": "js", "max_stars_repo_path": "src/Components/UI/Backdrop/Backdrop.js", "max_stars_repo_name": "romedu/Burger-Builder-App", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/Components/UI/Backdrop/Backdrop.js", "max_issues_repo_name": "romedu/Burger-Builder-App", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/Components/UI/Backdrop/Backdrop.js", "max_forks_repo_name": "romedu/Burger-Builder-App", "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": 41.125, "max_line_length": 126, "alphanum_fraction": 0.547112462}
import React from "react";
import Class from "./Backdrop.css";

const Backdrop = props => props.show ? <div className={`${Class.Backdrop} ${props.sideDrawer ? Class.SideDrawerDrop : null}`} 
                                       onClick={props.hide}></div> 
                                     : null;

export default Backdrop;