Lightning Component to show/hide loading spinner image

showSpinnerCmp.cmp

<aura:component >
    
    <aura:attribute name="show" type="Boolean" default="false" />
    <aura:handler name="change" value="{!v.show}" action="{!c.spinnerDisplayHandler}"/>
	
    <div class="slds-align--absolute-center">
        <lightning:spinner aura:id="spinner" variant="brand" size="large" class="slds=hide"/>
    </div>
	
</aura:component>

showSpinnerCmpController.js

({
	spinnerDisplayHandler : function(component, event, helper) {
        console.log('show spinner value changes');
        helper.showHideSpinner(component); 
    }

})

showSpinnerCmpHelper.js

({
    showHideSpinner : function(component) {
        var showValue = component.get('v.show');
        
        if(showValue) {
            console.log('showValue'+showValue);
            var spinner = component.find("spinner");
            console.log('spinner'+spinner);
        	$A.util.removeClass(spinner, "slds-hide");
        } else {
            console.log('showValue'+showValue);
            var spinner = component.find("spinner");
            console.log('spinner'+spinner);
        	$A.util.addClass(spinner, "slds-hide");
        }
    }

})

Nice example. I've been struggling with spinners - and this does the job nicely. Thanks!