<template>
  <div style="pointer-events: none">
    <div class="custom-node">
      <div
        class="area"
        :style="`width:${props.pageData?.width || '100px'};height:${props.pageData?.height || '100px'};border: 1px solid #fff;`"
      ></div>
    </div>
  </div>
</template>

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

const props = defineProps({
  pageData: {
    type: Object,
    required: false
  }
});
</script>
<style scoped>
.area {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #0000;
}
</style>
