<template>
  <div style="width: 300px">
    <div><hr class="dropdown-divider"></div>
    <div v-if="!isShowEdit">
    </div>

    <div v-if="isShowEdit" sortable-skip>
    </div>
  </div>
</template>
<script>
import { Vue, Component, Prop, Watch } from 'vue-property-decorator';
import itfTextField from '../text-field/TextField.vue';
import itfIcon from '../icon/Icon';
import itfButton from '../button/Button';

export default @Component({
  components: { itfButton, itfIcon, itfTextField }
})

class PropertiesItemsMenu extends Vue {
  @Prop() field;
  @Prop() loading;

  isShowEdit = false;
  copyField = {};

  @Watch('isShowEdit', { immediate: true })
  setField() {
    this.copyField = { ...this.field };
  }
}
</script>
