import * as React from 'react' ; type Props = { colorHEX : string ; } ; const LoadingIcon = ( props ) => ( < svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 100 100" preserveAspectRatio = "xMidYMid" > < circle cx = "50" cy = "50" fill = "none" stroke = { props . colorHEX } strokeWidth = "10" r = "35" strokeDasharray = "164.93361431346415 56.97787143782138" transform = "rotate(215.905 50 50)" > < animateTransform attributeName = "transform" type = "rotate" calcMode = "linear" values = "0 50 50;360 50 50" keyTimes = "0;1" dur = "1s" begin = "0s" repeatCount = "indefinite" / > < /circle> < /svg>); export default LoadingIcon ;