aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/animations/full_rotation.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/instant/src/components/animations/full_rotation.tsx')
-rw-r--r--packages/instant/src/components/animations/full_rotation.tsx11
1 files changed, 10 insertions, 1 deletions
diff --git a/packages/instant/src/components/animations/full_rotation.tsx b/packages/instant/src/components/animations/full_rotation.tsx
index 0b36fd21f..9adb565f9 100644
--- a/packages/instant/src/components/animations/full_rotation.tsx
+++ b/packages/instant/src/components/animations/full_rotation.tsx
@@ -1,5 +1,9 @@
import { keyframes, styled } from '../../style/theme';
+interface FullRotationProps {
+ height: string;
+ width: string;
+}
const rotatingKeyframes = keyframes`
from {
transform: rotate(0deg);
@@ -10,6 +14,11 @@ to {
}
`;
-export const FullRotation = styled.div`
+export const FullRotation =
+ styled.div <
+ FullRotationProps >
+ `
animation: ${rotatingKeyframes} 2s linear infinite;
+ height: ${props => props.height};
+ width: ${props => props.width};
`;