<template>
    <div class="spinLoader">
        <span class="loading outer" :style="'border-color: '+color">
            <span class="loading inner" :style="'border-color: '+color"></span>
        </span>
        <div class="loadText"><slot></slot></div>
    </div>
</template>

<script>
/**
* Spinner animation of inline loading display, to be toggled using component variable
*/
export default {
	name: 'SpinLoader',
	props: {
		color: {
			type: String,
			default: '#5541B4'
		}
	}
}
</script>
