import isNull from 'lodash/isNull' ; import styles from './Counter.module.css' ; interface Props { name : string ; isLoading : boolean ; value : number | null ; } const Counter = ( props ) => ( < div className = { `text-center ${ styles . counterWrapper }` } > { props . isLoading ? ( < div className = { `h3 ${ styles . counter }` } > < div role = "status" className = "spinner-grow text-primary" / > < /div>) : (<div className={`h3 ${styles.counter}`}>{isNull(props.value) || props.value === 0 ? '-' : props.value}</div > ) } < small className = "text-uppercase" > { props . name } < /small> < /div>); export default Counter ;