<template>
  <div>
    <hive-tooltip message="tooltip message">
      <hive-button>light</hive-button>
    </hive-tooltip>
    <hive-tooltip
      message="tooltip message"
      dark
    >
      <hive-button>dark</hive-button>
    </hive-tooltip>

    <hive-tooltip
      message="tooltip message"
      :show="manualShow"
      trigger-type="manual"
    >
      <hive-button @click="click">
        manual
      </hive-button>
    </hive-tooltip>
  </div>
</template>
<script>
export default {
  data() {
    return {
      manualShow: false
    };
  },
  methods: {
    click() {
      this.manualShow = !this.manualShow;
    }
  }
};
</script>
