<template>
  <div class="pdf-viewer">
    <iframe
      :src="pdfUrl"
      frameborder="0"
      width="100%"
      height="100%"
    ></iframe>
  </div>
</template>

<script setup>
defineProps({
  pdfUrl: {
    type: String,
    required: true
  }
})
</script>

<style lang="scss" scoped>
.pdf-viewer {
  width: 100%;
  height: 600px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}
</style> 