<template>
  <modal-template is-footer-hide :id="id" :no-close-on-backdrop="noCloseOnBackdrop">
    <div slot="title" ref="title">
      {{ title }}
    </div>
    <div slot="body">
      <div>
        <b-img fluid center :src="imagePath"></b-img>
      </div>
    </div>
  </modal-template>
</template>

<script>
import ModalTemplate from '@/elements/common/components/modalTemplate'
export default {
  name: 'ImageViewerModal',
  components: { ModalTemplate },
  props: {
    id: { type: String, default: 'modal' },
    title: { type: String, required: true },
    imagePath: { type: String, required: true },
    noCloseOnBackdrop: { type: Boolean, default: true },
  },
  methods: {
    show() {
      this.$bvModal.show('modal')
    },
  },
}
</script>
