<template>
   <div v-if="address.text">
      {{ address.text }}
   </div>
   <div v-if="address.postcode">
      {{ address.postcode.name }}
   </div>
   <div v-if="address.country">
      {{ address.country.name.fr }}
   </div>
   <div v-if="address.floor">
      <span>{{ $t('floor') }}</span>: {{ address.floor }}
   </div>
   <div v-if="address.corridor">
      <span>{{ $t('corridor') }}</span>: {{ address.corridor }}
   </div>
   <div v-if="address.steps">
      <span>{{ $t('steps') }}</span>: {{ address.steps }}
   </div>
   <div v-if="address.flat">
      <span>{{ $t('flat') }}</span>: {{ address.flat }}
   </div>
   <div v-if="address.buildingName">
      <span>{{ $t('buildingName') }}</span>: {{ address.buildingName }}
   </div>
   <div v-if="address.extra">
      <span>{{ $t('extra') }}</span>: {{ address.extra }}
   </div>
   <div v-if="address.distribution">
      <span>{{ $t('distribution') }}</span>: {{ address.distribution }}
   </div>
</template>

<script>

export default {
   name: 'ShowAddress',
   props: ['address'],
   data() {
      return {
      }
   },
};
</script>
