<script setup>

const props = defineProps({
  queryStringData: {
    type: String
  },
  item: {
    type: Object,
    required: true
  },
  topLevelType: {
    type: String,
    required: true
  }
})

const dataStore = useDataStore()

const dataType = dataStore.dataTypes[props.topLevelType]

</script>

<template>
  <UCard class="mt-5 scroll" style="height: 80vh">
    <HistoryDisplay
        :type="props.topLevelType.substring(0,props.topLevelType.length-1)"
        v-if="props.item.id"
        :element-id="props.item.id"
        render-headline
    />
  </UCard>

</template>

<style scoped>

</style>