{"size": 369, "ext": "js", "max_stars_repo_path": "src/components/service.js", "max_stars_repo_name": "mohsinhabib0097/project3", "max_stars_repo_stars_event_min_datetime": "2019-09-27T09:10:31.000Z", "max_stars_repo_stars_event_max_datetime": "2021-11-15T20:59:36.000Z", "max_issues_repo_path": "src/components/service.js", "max_issues_repo_name": "53jk1/Construction-website-1", "max_issues_repo_issues_event_min_datetime": "2021-03-09T22:04:15.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T19:46:10.000Z", "max_forks_repo_path": "src/components/service.js", "max_forks_repo_name": "53jk1/Construction-website-1", "max_forks_repo_forks_event_min_datetime": "2019-11-06T14:02:43.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-05T16:26:59.000Z"}
{"max_stars_count": 7, "max_issues_count": 8, "max_forks_count": 16, "avg_line_length": 20.5, "max_line_length": 47, "alphanum_fraction": 0.5853658537}
import React from "react"
import "./service.scss"

const Service = ({ services }) => {
  const { title, icon, description } = services
  return (
    <div className="service-card">
      <section className="service-icon">
        <img src={icon} alt={title} />
      </section>
      <h4>{title}</h4>
      <p>{description}</p>
    </div>
  )
}

export default Service
