import * as React from 'react' ; import './LoadingOverlay.css' ; export interface Props { visible : boolean ; } const LoadingOverlay = ( { visible } ) => { return ( < div className = { className ( visible ) } > { } < div className = "lds-hourglass middle" / > < /div>); } ; function className ( visible ) { return visible ? 'LoadingOverlay visible' : 'LoadingOverlay invisible' ; } export default LoadingOverlay ;