import * as React from 'react' ; interface LoadingIconProps { animate ? : boolean ; } const values = '2; 2; 2; 2' ; const animateValues = '0; 4; 0; 0' ; export default function LoadingIcon ( props ) { const animate = props . animate ; return ( < svg className = "remax-pull-to-refresh-loading" xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 32 32" > < circle transform = "translate(8 0)" cx = "0" cy = "16" r = "0" > < animate attributeName = "r" values = { ! animate ? values : animateValues } dur = "1.2s" repeatCount = "indefinite" begin = "0" keyTimes = "0;0.2;0.7;1" keySplines = "0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8" calcMode = "spline" / > < /circle> < circle transform = "translate(16 0)" cx = "0" cy = "16" r = "0" > < animate attributeName = "r" values = { ! animate ? values : animateValues } dur = "1.2s" repeatCount = "indefinite" begin = "0.3" keyTimes = "0;0.2;0.7;1" keySplines = "0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8" calcMode = "spline" / > < /circle> < circle transform = "translate(24 0)" cx = "0" cy = "16" r = "0" > < animate attributeName = "r" values = { ! animate ? values : animateValues } dur = "1.2s" repeatCount = "indefinite" begin = "0.6" keyTimes = "0;0.2;0.7;1" keySplines = "0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8" calcMode = "spline" / > < /circle> < /svg>); }