<template>
  <div :class="['owl-businessCard-parent']">
    <div
      v-if="visiable"
      :data-content="title"
      :class="['owl-businessCard', typeClass]"
      @click="closeCard">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'OwlBusinessCard',
  props: {
    type: { // default、disabled、light
      type: String,
      default: 'default'
    },
    size: {
      type: String,
      default: ''
    },
    title: {
      type: String,
      default: ''
    },
  },
  computed: {
    typeClass () {
      return {
        'owl-businessCard-default': this.type === 'default'
      }
    }
  },
  data () {
    return {
      visiable: true,
    }
  },
  methods: {
    closeCard (event) {
      // console.log(event);
      // this.visiable = false;
    }
  }
}
</script>