{"size": 320, "ext": "js", "max_stars_repo_path": "src/components/fancy-hr.js", "max_stars_repo_name": "truthy-falsy/truthy-falsy", "max_stars_repo_stars_event_min_datetime": "2019-02-20T23:28:51.000Z", "max_stars_repo_stars_event_max_datetime": "2020-08-24T13:43:24.000Z", "max_issues_repo_path": "src/components/fancy-hr.js", "max_issues_repo_name": "johncmunson/gatsby-clean-blog", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/fancy-hr.js", "max_forks_repo_name": "johncmunson/gatsby-clean-blog", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 3, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 17.7777777778, "max_line_length": 38, "alphanum_fraction": 0.625}
import React from 'react'
import styled from 'styled-components'

const FancyHr = styled('hr')`
  border: 0;
  height: 1px;
  width: 10em;
  margin: 1.5em auto 2em auto;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0)
  );
`

export default FancyHr
