{"size": 459, "ext": "js", "max_stars_repo_path": "client/src/components/mydogs/dogprofile/GalleryDayPhotoXL.js", "max_stars_repo_name": "Micheloncio/yapyapMongo", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/src/components/mydogs/dogprofile/GalleryDayPhotoXL.js", "max_issues_repo_name": "Micheloncio/yapyapMongo", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "client/src/components/mydogs/dogprofile/GalleryDayPhotoXL.js", "max_forks_repo_name": "Micheloncio/yapyapMongo", "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": 17.0, "max_line_length": 43, "alphanum_fraction": 0.6013071895}
import React, {Component} from 'react'
import {Row, Modal } from 'react-bootstrap'


class GalleryDayPhotoXL extends Component{

	render(){
		return (
			<Modal {...this.props}>
			<Modal.Header closeButton>   
			</Modal.Header>
			<Row>
				<Modal.Body>  
					<div className="text-center">
						<img 
							src={this.props.photo}
							className="img-xl"/>
					</div>
				</Modal.Body>
			</Row>
		  </Modal>

		)
	}
}

export default GalleryDayPhotoXL