<template>
  <div class="perspective">
    <hot-zha-raw :data="data" />
  </div>
</template>

<script>
  import HotZhaRaw from "@/views/wms/coil/panels/Perspective/HotZhaRaw.vue";
  export default {
    name: 'Perspective',
    props: {
      data: {
        type: Array,
        default: () => ([]) 
      },
      type: {
        type: String,
        default: ''
      },
    },
    data() {
      return {
        title: ''
      }
    },
    components: {
      HotZhaRaw,
    },
    methods: {
      handleSave(data) {
        const dataText = JSON.stringify(data, null, 2);
        this.$emit('save', {
          title: this.title,
          data: dataText,
          type: this.type,
        });
      }
    }
  }
</script>

<style scoped>
  .perspective {
    width: 100%;
    min-height: 200px;
    font-size: 14px;
  }
</style>