<template>
	<button :class="buttonClass" :type="ButtonType" v-if="!isLoading">{{ buttonName }}</button>
	<button :class="buttonClass" :type="ButtonType" v-else>
	<div id="loading">
		<div class="load-wrapp">
			<div class="load-3">
				<div class="line line-white"></div>
				<div class="line line-white"></div>
				<div class="line line-white"></div>
			</div>
		</div>
	</div>
	</button>
</template>
<script>
	export default {
		props:['buttonClass', 'buttonName', 'ButtonType', 'isLoading'],
	}
</script>