<template>
  <b-container fluid="md" class="px-0">
    <b-overlay :show="isBusy" variant="white" :class="[{ 'vh-75': isBusy }]" opacity="0.96">
      <template v-slot:overlay>
        <b-spinner class="mx-2 text-primary" />
        <strong class="h4 text-primary">{{ $t('Common.Loading') }}</strong>
      </template>

      <not-found v-if="showNotFound" />
      <slot v-else-if="!isBusy" />
    </b-overlay>
  </b-container>
</template>

<script>
import notFound from '@AppCenter/views/TheNotFoundPage'
export default {
  name: 'ContainerMdTemplate',
  components: { notFound },
  props: {
    isBusy: { type: Boolean, default: false },
    showNotFound: { type: Boolean, default: false },
  },
}
</script>
