export default {
  name: 'toggler',

  props: {
    defaultVisible: {
      type: Boolean,
      default: () => false
    }
  },

  data: function () {
    return {
      isVisible: this.defaultVisible
    }
  },

  render: function (createElement) {
    return createElement( this.$vnode.data.tag, [
      this.$scopedSlots.default({
        isVisible: this.isVisible,
        toggle: this.toggle
      })
    ])
  },

  methods: {
    toggle: function (e) {
      e.preventDefault()
      this.isVisible = !this.isVisible
    }
  }
}