{"size": 463, "ext": "js", "max_stars_repo_path": "src/components/services-sub.js", "max_stars_repo_name": "Cea-Personal/IDoJAMStack", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/services-sub.js", "max_issues_repo_name": "Cea-Personal/IDoJAMStack", "max_issues_repo_issues_event_min_datetime": "2021-09-02T00:58:54.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-18T10:10:15.000Z", "max_forks_repo_path": "src/components/services-sub.js", "max_forks_repo_name": "basilcea/IDoJAMStack", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 28.9375, "max_line_length": 99, "alphanum_fraction": 0.6090712743}
import React from 'react';
import singleServiceStyle from './services-sub.module.css';


export default (props) => {
    return (
        <div className={singleServiceStyle.header} >
        <div className={singleServiceStyle.picture} style={{backgroundImage: `url(${props.url})`}}>
        </div>
        <div>
        <h3>{props.shortDetail}</h3>
        <p  className={singleServiceStyle.paragraph}>{props.description}</p>
        </div>
        </div>
    )
}