{"size": 632, "ext": "js", "max_stars_repo_path": "src/components/landing/Diamond.js", "max_stars_repo_name": "jeanCarlo09/Mar-de-Urano", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/landing/Diamond.js", "max_issues_repo_name": "jeanCarlo09/Mar-de-Urano", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/landing/Diamond.js", "max_forks_repo_name": "jeanCarlo09/Mar-de-Urano", "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": 24.3076923077, "max_line_length": 60, "alphanum_fraction": 0.5316455696}
import React from 'react';
import PropTypes from 'prop-types';

const Diamond = ({ img, selectDiamond, onLoadImgages }) => {

    return (
        <div className="diamond">
            <a href="/#" onClick={selectDiamond}>
                <img
                    className="diamond-img"
                    src={img}
                    alt="diamond"
                    onLoad={onLoadImgages}
                />
            </a>
        </div>
    )
}

export default Diamond;

Diamond.propTypes = {
    img: PropTypes.string.isRequired,
    selectDiamond: PropTypes.func.isRequired,
    onLoadImgages: PropTypes.func.isRequired
}