<template>
  <div class="d-item">
    <div class="title">
      <b @click="handleFold()">{{ label }}<i :class="foldClass" v-if="showFold"></i></b>
      <slot name="button"></slot>
    </div>
    <div v-show="showContent">
	    <div><slot name="top"></slot></div>
      <div><slot name="default"></slot></div>
    </div>
  </div>
</template>

<script>
  import { baseTabPaneMixin } from './mixins.js';
export default {
  name: 'baseTabPane',
  mixins:[baseTabPaneMixin]
};
</script>

<style></style>
