<script setup lang="ts">
import { LoadingOutlined } from '@ant-design/icons-vue';

defineProps({
  spinning: {
    type: Boolean,
    default: false,
  }
});
</script>

<template>
  <a-spin :spinning="spinning" class="spinning" size="large">
    <template #indicator>
      <loading-outlined :spin="true" />
    </template>
    <slot></slot>
  </a-spin>
</template>

<style scoped lang="scss">
.spinning {
  font-size: 24px;
  width: 100%;
}
</style>
