{"size": 519, "ext": "js", "max_stars_repo_path": "src/components/SpinnerIcon.js", "max_stars_repo_name": "ajscholz/one-hope-church-website", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/SpinnerIcon.js", "max_issues_repo_name": "ajscholz/one-hope-church-website", "max_issues_repo_issues_event_min_datetime": "2021-03-09T10:40:25.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T14:40:22.000Z", "max_forks_repo_path": "src/components/SpinnerIcon.js", "max_forks_repo_name": "ajscholz/one-hope-church-website", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 9, "max_forks_count": null, "avg_line_length": 21.625, "max_line_length": 42, "alphanum_fraction": 0.6204238921}
import styled from "styled-components"

import { FaSpinner } from "react-icons/fa"

export default styled(FaSpinner)`
  display: block;
  font-size: 1.2rem;
  margin: ${props => props.margin};
  color: ${props => props.color};
  top: ${props => props.top};
  left: ${props => props.left};
  bottom: ${props => props.bottom};
  right: ${props => props.right};
  animation: spin 1s infinite linear;
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
`
