23 lines
605 B
JavaScript
23 lines
605 B
JavaScript
import React from 'react';
|
|
export default (({
|
|
id,
|
|
loading
|
|
}) => {
|
|
if (!loading) {
|
|
return {
|
|
indeterminateStyleProps: {},
|
|
indeterminateStyleAnimation: null
|
|
};
|
|
}
|
|
const animationName = `${id}-indeterminate-animate`;
|
|
return {
|
|
indeterminateStyleProps: {
|
|
transform: 'rotate(0deg)',
|
|
animation: `${animationName} 1s linear infinite`
|
|
},
|
|
indeterminateStyleAnimation: /*#__PURE__*/React.createElement("style", null, `@keyframes ${animationName} {
|
|
0% { transform: rotate(0deg); }
|
|
100% { transform: rotate(360deg); }
|
|
}`)
|
|
};
|
|
}); |