<template>
  <div class="chat--imageviewer">
    <div class="chat--imageviewer-content">
      <img :src="message.attachment.url" />
    </div>
   </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
import { Message } from './type';
import MessageInfo from './MessageInfo.vue';
import Chat from './Chat.vue';

@Component({
  components: {
  },
})
export default class ImageViewer extends Vue {
  @Prop() private message!: Message;
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">

</style>
