<template>
<span aria-hidden="true" v-on="$listeners" style="vertical-align:text-bottom;display:inline-block;" :style="(ext ? `background:center / 100% no-repeat url(${base64});` : `-webkit-mask-image:url(${base64});background-color:${color};-webkit-mask-position: center center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: 100%;`) + `width:${size};height:${size};`"></span>
</template>
<script>
  export default {
    name: 'Icon-Loading-Bit',
    props: {
      size: {
        type: [Number, String],
        default: '24px'
      },
      color: {
        type: String,
        default: 'currentColor'
      },
      ext: {
        type: Boolean,
        default: false
      },
      
    },
    data() {
      return { 
        base64: 'data:image/png;base64,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'
      }
    }
  }
</script>
