<template>
  <div class="info-list mb-2">
    <div 
      v-for="(it, k) in descItems" 
      :key="k"
      :class="['entry',Boolean(it.value)?'':'hidden']"
    >
      <div class="label">{{ it.label }}</div>
      <div class="value">{{ it.value }}</div>
    </div>
    <slot />
  </div>
</template>

<script setup lang="ts">
import type { PropType } from 'vue';

const props = defineProps({	
  title: {
    type: String,
    default: ''
  },
  address: {
    type: String,
    default: ''
  },
  descItems: {
    type: Array as PropType<Array<{ label: string, value: any }>>,
    default: () => []
  },
})
</script>