{"size": 426, "ext": "js", "max_stars_repo_path": "strapi-react-sample/src/Post.js", "max_stars_repo_name": "js-ourense/JSOurense-181018-curso-strapi", "max_stars_repo_stars_event_min_datetime": "2018-10-20T16:32:48.000Z", "max_stars_repo_stars_event_max_datetime": "2018-10-20T16:32:48.000Z", "max_issues_repo_path": "strapi-react-sample/src/Post.js", "max_issues_repo_name": "js-ourense/JSOurense-181018-curso-strapi", "max_issues_repo_issues_event_min_datetime": "2020-07-16T11:47:18.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-08T22:31:10.000Z", "max_forks_repo_path": "strapi-react-sample/src/Post.js", "max_forks_repo_name": "js-ourense/JSOurense-181018-curso-strapi", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 16, "max_forks_count": null, "avg_line_length": 22.4210526316, "max_line_length": 88, "alphanum_fraction": 0.5821596244}
import React, { Component } from 'react'
import { Link } from 'react-router-dom'

const postStyle = {
  'width': '100%'
}

class Post extends Component {
  render() {
    return (
      <div className="w3-quarter">
        <img src={`${this.props.image}`} alt={`${this.props.slug}`} style={postStyle} />
        <h3><Link to={`/${this.props.slug}`}>{this.props.title}</Link></h3>
      </div>
    );
  }
}

export default Post