Infer animation names

Author: phamfoo

src/Bounce.tsx

@@ -26,7 +26,7 @@ export default class Bounce extends React.Component<SpinnerProps> {
     }
 
     return (
-      <AnimationContainer<'bounce'>
+      <AnimationContainer
         initAnimation={() => ({
           bounce: (value) =>
             stagger(1000, 2, {

src/Chase.tsx

@@ -25,7 +25,7 @@ export default class Chase extends React.Component<SpinnerProps> {
     }
 
     return (
-      <AnimationContainer<'chase' | 'chaseDot' | 'chaseDotBefore'>
+      <AnimationContainer
         initAnimation={() => ({
           chase: (value) => ({
             values: [value],

src/Circle.tsx

@@ -25,7 +25,7 @@ export default class Circle extends React.Component<SpinnerProps> {
     }
 
     return (
-      <AnimationContainer<'circle'>
+      <AnimationContainer
         initAnimation={() => ({
           circle: (value) =>
             stagger(100, 12, {

src/CircleFade.tsx

@@ -25,7 +25,7 @@ export default class CircleFade extends React.Component<SpinnerProps> {
     }
 
     return (
-      <AnimationContainer<'circleFade'>
+      <AnimationContainer
         initAnimation={() => ({
           circleFade: (value) =>
             stagger(100, 12, {

src/Flow.tsx

@@ -18,7 +18,7 @@ export default class Flow extends React.Component<SpinnerProps> {
     } = this.props
 
     return (
-      <AnimationContainer<'flow'>
+      <AnimationContainer
         initAnimation={() => ({
           flow: (value) =>
             stagger(150, 3, {

src/Fold.tsx

@@ -18,7 +18,7 @@ export default class Fold extends React.Component<SpinnerProps> {
     } = this.props
 
     return (
-      <AnimationContainer<'fold'>
+      <AnimationContainer
         initAnimation={() => ({
           fold: (value) =>
             stagger(300, 4, {

src/Grid.tsx

@@ -19,7 +19,7 @@ export default class Grid extends React.Component<SpinnerProps> {
     } = this.props
 
     return (
-      <AnimationContainer<'grid'>
+      <AnimationContainer
         initAnimation={() => ({
           grid: (value) =>
             stagger(100, 5, {

src/Plane.tsx

@@ -18,7 +18,7 @@ export default class Plane extends React.Component<SpinnerProps> {
     } = this.props
 
     return (
-      <AnimationContainer<'plane'>
+      <AnimationContainer
         initAnimation={() => ({
           plane: (value) => ({
             values: [value],

src/Pulse.tsx

@@ -18,7 +18,7 @@ export default class Pulse extends React.Component<SpinnerProps> {
     } = this.props
 
     return (
-      <AnimationContainer<'pulse'>
+      <AnimationContainer
         initAnimation={() => ({
           pulse: (value) => ({
             values: [value],

src/Swing.tsx

@@ -24,7 +24,7 @@ export default class Swing extends React.Component<SpinnerProps> {
     }
 
     return (
-      <AnimationContainer<'swing' | 'swingDot'>
+      <AnimationContainer
         initAnimation={() => ({
           swing: (value) => ({
             values: [value],