<template>
  <div class="d-flex flex-column h-100">
    <measurement-tools class="flex-shrink-0" />
    <v-divider class="mx-2" />
    <measurement-data-table
      class="flex-grow-1"
      :items="items"
    />
  </div>
</template>

<script setup lang="ts">
import { DataOverlayMeasurement } from '@3cr/viewer-types-ts';

interface Props {
  items: DataOverlayMeasurement[];
}

withDefaults(defineProps<Props>(), {
  items: () => [],
});
</script>

<style scoped lang="scss">
:deep(.v-card) {
  display: flex;
  flex-direction: column;
}

:deep(.v-card-text) {
  min-height: 0;
}
</style>
