36 lines
826 B
TypeScript
36 lines
826 B
TypeScript
import * as React from 'react';
|
|
import Lottie from 'lottie-react-native';
|
|
import { themeColor } from '../utils/ThemeUtils';
|
|
|
|
const loader = require('../assets/images/Lottie/loader.json');
|
|
|
|
interface LoadingIndicatorProps {
|
|
size?: number;
|
|
}
|
|
|
|
function LoadingIndicator(props: LoadingIndicatorProps) {
|
|
const { size } = props;
|
|
|
|
return (
|
|
<Lottie
|
|
source={loader}
|
|
autoPlay
|
|
loop
|
|
colorFilters={[
|
|
{
|
|
keypath: 'Comp 2',
|
|
color: themeColor('highlight')
|
|
}
|
|
]}
|
|
resizeMode="contain"
|
|
style={{
|
|
alignSelf: 'center',
|
|
width: size || 40,
|
|
height: size || 40
|
|
}}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default LoadingIndicator;
|