<template>
  <div class="text-center">
    <div>
      <i
        class="fa fa-spinner fa-spin"
        style="font-size: 40px"
      />
    </div>
    <div class="mt-5">
      {{ text || $t('LOADING_DATA') }}
    </div>
  </div>
</template>

<script>
export default {
  name: 'LoadingBox',
  props: {
    text: {
      type: String,
      default: '',
    },
  },
};
</script>
