You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
655 B
39 lines
655 B
import React from 'react'
|
|
import styled, { keyframes } from 'styled-components'
|
|
import Spinner from 'components/Icon/Spinner'
|
|
import system from '@rebass/components'
|
|
|
|
const rotate360 = keyframes`
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
`
|
|
|
|
const Wrapper = system(
|
|
{
|
|
color: 'lightningOrange'
|
|
},
|
|
'space',
|
|
'color'
|
|
)
|
|
|
|
/**
|
|
* @render react
|
|
* @name Spinner
|
|
* @example
|
|
* <Spinner />
|
|
*/
|
|
const SpinningSpinner = styled(Spinner)`
|
|
animation: ${rotate360} 1s linear infinite;
|
|
`
|
|
|
|
const WrappedSpinner = props => (
|
|
<Wrapper {...props}>
|
|
<SpinningSpinner />
|
|
</Wrapper>
|
|
)
|
|
|
|
export default WrappedSpinner
|
|
|