{"size": 663, "ext": "js", "max_stars_repo_path": "src/components/CustomComponents/ImageOverlay.js", "max_stars_repo_name": "darkkiller1406/react_training", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/CustomComponents/ImageOverlay.js", "max_issues_repo_name": "darkkiller1406/react_training", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/CustomComponents/ImageOverlay.js", "max_forks_repo_name": "darkkiller1406/react_training", "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.5714285714, "max_line_length": 79, "alphanum_fraction": 0.5460030166}
import React from "react";
;
// reactstrap components

export default function ImageOverlay(props) {
    const url = props.url
    const src = props.src

    return (
        <div className="content">
            <a href={url} target="_blank" rel="noopener noreferrer">
                <div className="content-overlay"></div>
                <img className="content-image" src={src} />
                <div className="content-details fadeIn-bottom">
                    <h3 className="content-title">This is a title</h3>
                    <p className="content-text">This is a short description</p>
                </div>
            </a>
        </div>
    )
}