<template>
  <div class="text-center my-2">
    <b-spinner
      v-for="(item, index) in variants"
      :key="index"
      type="grow"
      class="m-2"
      :variant="item"
      role="status"
    ></b-spinner>
  </div>
</template>
<script>
import { BSpinner } from 'bootstrap-vue-next';

export default {
  components: {
    BSpinner
  },
  props: {
    isMini: {
      type: Boolean,
    },
  },
  data() {
    return {
      variants:
        this.isMini !== undefined && this.isMini
          ? ['primary', 'secondary']
          : ['primary', 'secondary', 'success', 'warning', 'danger', 'dark'],
    };
  },
};
</script>