import styled, {keyframes} from 'styled-components'

const rotate = keyframes`
  0% {
    transform: rotate(0deg);
  }
  100% {
   transform: rotate(360deg);
  }
`

export default styled.div`
  animation: ${rotate} 500ms infinite linear;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border-left: 2px ${props => props.theme.colors.lightGrey} solid;
  border-top: 2px ${props => props.theme.colors.lightGrey} solid;
  border-right: 2px ${props => props.theme.colors.orange} solid;
  border-bottom: 2px ${props => props.theme.colors.lightGrey} solid;
`
