<template>
  <div class="model-viewer-page">
    <CreoModelViewer v-if="currentConnectedSoftware === 'creo'" :model-data="modelData" />
    <PdmsModelViewer v-else-if="currentConnectedSoftware === 'pdms'" :model-data="modelData" />
    <RevitModelViewer v-else-if="currentConnectedSoftware === 'revit'" :model-data="modelData" />
    <CreoModelViewer v-else :model-data="modelData" />
  </div>
</template>

<script setup>
import CreoModelViewer from '@/components/model/CreoModelViewer.vue'
import PdmsModelViewer from '@/components/model/PdmsModelViewer.vue'
import RevitModelViewer from '@/components/model/RevitModelViewer.vue'

defineProps({
  modelData: {
    type: Object,
    default: null
  },
  currentConnectedSoftware: {
    type: String,
    default: null
  }
})
</script>

<script>
export default {
  name: 'ModelViewerPage'
}
</script>

<style scoped>
.model-viewer-page {
  width: 100%;
  height: 100%;
}
</style>
