
<template>
  <div class="stream-loading-container">
    <Overlay :bgImage="defaultAvatarSrc" :blur="false" :customStyle="{ position: 'absolute', zIndex: 0 }" />
    <Loading mode="dot" color="#FFF" loadingWidth="50px" loadingHeight="50px" />
  </div>
</template>

<script lang="ts" setup>
import Loading from '../../../base/Loading/Loading.vue';
import Overlay from '../../../base/Overlay/Overlay.vue';
import defaultAvatarSrc from '../../../../assets/common/defaultAvatar.svg';
</script>

<style scoped>
.stream-loading-container {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
