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