{"size": 665, "ext": "js", "max_stars_repo_path": "src/components/Post/GridPostImage/GridPostImage.js", "max_stars_repo_name": "metodievmartin/react-course-project", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Post/GridPostImage/GridPostImage.js", "max_issues_repo_name": "metodievmartin/react-course-project", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Post/GridPostImage/GridPostImage.js", "max_forks_repo_name": "metodievmartin/react-course-project", "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": 26.6, "max_line_length": 52, "alphanum_fraction": 0.4481203008}
import {Link} from "react-router-dom";

const GridPostImage = ({imageURL, postID}) => {
    return (
        <article className="grid-post-image">
            <Link to={`/posts/${postID}`} >
                <img src={imageURL} alt="post-img"/>
            </Link>

            <style jsx="true">{`
              .grid-post-image img {
                width: 100%;
                height: 190px;
                object-fit: fill;
                display: block;
                margin: 0 auto 15px auto;
                border-bottom: 1px solid lightgrey;
              }
            `}
            </style>
        </article>
    );
}

export default GridPostImage;