<template>
  <v-dialog v-model="modelValue" width="90vw" height="90vh">
    <v-card width="100%" height="100%">
      <iframe :src="pricingUrl" width="100%" height="100%"></iframe>
    </v-card>
  </v-dialog>
</template>

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

const modelValue = defineModel<boolean>({ default: false });

const pricingUrl = computed(() => {
  return import.meta.env.PROD ? 'https://3dicomviewer.com/pricing' : 'https://test.my.3dicomviewer.com/pricing';
});
</script>
