<script setup lang="ts">
defineProps<{
  url: string
}>()

const open = ref(false)
</script>

<template>
  <Dialog v-model:open="open">
    <DialogTrigger as-child>
      <div class=" text-primary ">
        {{ url }}
      </div>
    </DialogTrigger>
    <DialogScrollContent class="sm:max-w-[1500px]">
      <DialogHeader>
        <DialogTitle>政策地址</DialogTitle>
        <DialogDescription>
          展示政策地址网站
        </DialogDescription>
      </DialogHeader>

      <div class="flex justify-center items-center w-full h-[1000px]">
        <iframe
          :src="url" class="w-full h-full" frameborder="0"
          width="800"
          height="500"
        />
      </div>
    </DialogScrollContent>
  </Dialog>
</template>
