15 lines
357 B
TypeScript
15 lines
357 B
TypeScript
import { Spinner as SpinnerIcon } from 'phosphor-react'
|
|
import { styled, keyframes } from '../stitches.config'
|
|
|
|
const rotate = keyframes({
|
|
'0%': { transform: 'rotate(0deg)' },
|
|
'100%': { transform: 'rotate(-360deg)' }
|
|
})
|
|
|
|
const Spinner = styled(SpinnerIcon, {
|
|
animation: `${rotate} 150ms linear infinite`,
|
|
fontSize: '16px'
|
|
})
|
|
|
|
export default Spinner
|