<template>
  <div
    class="component_Divider"
    :style="styleCss"
  />
</template>

<script>
export default {
  name: 'Divider',
  props: {
    item: {
      type: Object,
      required: true,
      default () {
        return {}
      }
    }
  },
  data () {
    return {}
  },
  computed: {
    styleCss () {
      return {
        height: `${this.item.style.height}px`,
        backgroundColor: this.item.style.backgroundColor
      }
    }
  },
  watch: {
    'item.style.height' () {
      if (this.item.style.height === undefined) {
        this.item.style.height = 0
      }
    }
  },
  methods: {}
}
</script>
