4so-fourseasons/react-hoc-spinners

View on GitHub
src/components/Cube/Loader.jsx

Summary

Maintainability
A
1 hr
Test Coverage
// @flow

import styled from 'styled-components'

const Loader = styled.div`
  @keyframes loaderAnim {
    0% {transform: rotate(0deg);}
    100% { transform: rotate(90deg);}
  }

  margin: 0 auto;
  width: ${props => props.size}px;
  height: ${props => props.size}px;
  animation: loaderAnim ${props => props.speed}s infinite;
  outline: 1px solid transparent;
`

export default Loader