gamebrary/src/components/EmptyState.vue

<template lang="html">
  <div class="text-center pt-5">
    <h2 v-if="title">{{ title }}</h2>
    <p v-if="message">{{ message }}</p>

    <b-button
      v-if="actionText"
      variant="primary"
      @click="$emit('action')"
    >
      <b-spinner small v-if="busy" />
      <span v-else>{{ actionText }}</span>
    </b-button>

    <slot />
  </div>
</template>

<script>
export default {
  props: {
    title: String,
    message: String,
    actionText: String,
    busy: false,
  },
};
</script>

<style lang="scss" rel="stylesheet/scss" scoped>
</style>