<template>
    <div class="btn-loading">
        <img :src="require('@/assets/svg/icon-loading.svg')" class="loading" v-if="props.color == 'blue'"/>
        <img :src="require('@/assets/svg/icon-loading-while.svg')" class="loading" v-else-if="props.color == 'while'"/>
    </div>
</template>
<script setup>
import {  defineProps } from 'vue'
const props = defineProps({
    color: {
        type: String,
        default: 'blue',
    },
})
</script>
<style lang="scss" scoped>
.btn-loading{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: auto;
    img{
        width:24px;
        height: 24px;
    }
}
</style>