{"size": 690, "ext": "js", "max_stars_repo_path": "src/components/Display/DisplayLoading.css.js", "max_stars_repo_name": "DouglasMV/bingo", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Display/DisplayLoading.css.js", "max_issues_repo_name": "DouglasMV/bingo", "max_issues_repo_issues_event_min_datetime": "2021-05-10T20:16:29.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T20:50:48.000Z", "max_forks_repo_path": "src/components/Display/DisplayLoading.css.js", "max_forks_repo_name": "DouglasMV/bingo", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 4, "max_forks_count": null, "avg_line_length": 20.9090909091, "max_line_length": 56, "alphanum_fraction": 0.6333333333}
import styled, { keyframes } from 'styled-components'

const animate = keyframes`
    0% {
      transform: rotate(0deg) scale(1);
    }
    50% {
      transform: rotate(180deg) scale(0.8);
    }
    100% {
      transform: rotate(360deg) scale(1);
    }
  `

const StyledDisplayLoading = styled.div`
  display: block;
  width: 175px;
  height: 175px;
  margin: 10px auto 0 auto;
  &:after {
    content: " ";
    display: block;
    width: 150px;
    height: 150px;
    margin: 10px auto;
    border-radius: 50%;
    border: 6px solid yellow;
    border-color: yellow transparent yellow transparent;
    animation: ${animate} 1s linear infinite;
  }
`

export default StyledDisplayLoading