<template>
  <div :id="`tagBox_${id}`" class="show-tag">
    <div class="tag-title">
      <h2>
        {{ title }}
      </h2>
    </div>
    <div class="desc">
      <div class="text" v-html="content" />
    </div>
    <div class="tag-metas">
      <metasImage v-if="type == 'image'" :data="media.image" />
      <MetasVideo v-if="type == 'video'" :data="media.video" />
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'

import MetasImage from './metas/metasImage.vue'
import MetasVideo from './metas/metasVideo.vue'
import { tagItemProps } from './tagItem'

export default defineComponent({
  name: 'UIShowTag',
  components: { MetasImage, MetasVideo },
  props: tagItemProps,
  setup(props) {
    console.log('')
  },
})
</script>
