<template>
  <ImageBox
    :title="floor.displayName"
    :subtitle="`Floor ${floor.number}`"
    :route-link="{
      name: 'floor',
      params: { id: building, number: floor.number },
    }"
    :image="floor.planImage && `${BACKEND_URL}/usercontent/${floor.planImage}`"
  />
</template>

<script setup lang="ts">
import ImageBox from '../../../components/ImageBox.vue';
import { BACKEND_URL } from '../../../constants';
import { FloorListItem } from '../../../interfaces/floor.interfaces';

const props = defineProps<{
  building: number;
  floor: FloorListItem;
}>();
</script>
