packages/instant/src/components/animations/full_rotation.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import { keyframes, styled } from '../../style/theme';

interface FullRotationProps {
    height: string;
    width: string;
}
const rotatingKeyframes = keyframes`
from {
  transform: rotate(0deg);
}

to {
  transform: rotate(360deg);
}
`;

export const FullRotation = styled.div<FullRotationProps>`
    animation: ${rotatingKeyframes} 2s linear infinite;
    height: ${props => props.height};
    width: ${props => props.width};
`;