mirror of
https://github.com/traefik/traefik.git
synced 2026-06-17 19:09:29 +03:00
Gina A.
19 lines
489 B
TypeScript
19 lines
489 B
TypeScript
import { Flex } from '@traefik-labs/faency'
|
|
import { motion } from 'framer-motion'
|
|
import { FiLoader } from 'react-icons/fi'
|
|
|
|
export const SpinnerLoader = ({ size = 24 }: { size?: number }) => (
|
|
<motion.div
|
|
animate={{
|
|
rotate: 360,
|
|
}}
|
|
transition={{ ease: 'linear', duration: 1, repeat: Infinity }}
|
|
style={{ width: size, height: size }}
|
|
data-testid="loading"
|
|
>
|
|
<Flex css={{ color: '$primary' }}>
|
|
<FiLoader size={size} />
|
|
</Flex>
|
|
</motion.div>
|
|
)
|