<template>
  <div>
    <iframe
      :src="`https://docs.google.com/gview?url=${url}&embedded=true`"
      :style="`width:${width}; height:${height};overflow: hidden;`"
      frameborder="0"
    ></iframe>
  </div>
</template>

<script setup>
import { defineProps } from "vue";

const props = defineProps({
  url: {
    type: String,
    required: true,
  },
  width: {
    type: String,
    default: "100%",
  },
  height: {
    type: String,
    default: "100%",
  },
});
</script>
