<template>
  <div class="ldm-empty flex justify-center items-center">
    <img :src="imageSrc" />
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'simple-empty',
  props: {
    name: {
      type: String,
      default: '',
    },
  },
  computed: {
    ...mapGetters(['static']),
    imageSrc() {
      return this.static + '/' + this.name
    },
  },
}
</script>

<style scoped lang="scss">
.ldm-empty {
  width: 100%;
  padding: 16px 0;
  img {
    display: block;
  }
}
</style>
