<template>
  <div
    v-if="active || (tabsManager && tabsManager.getValue() === id)"
    :class="{ filled, 'itf-tab-content': !simple }"
    :data-test="`itf-tab-content-${id || _uid}`">
    <slot />
  </div>
</template>
<script>
import { Vue, Component, Prop, Inject } from 'vue-property-decorator';

export default @Component({
  name: 'itfTabContent',
  components: {
  }
})
class itfTabContent extends Vue {
  @Inject({ default: null }) tabsManager;
  @Prop() id;
  @Prop(Boolean) filled;
  @Prop(Boolean) active;

  get simple() {
    return this.tabsManager && this.tabsManager.simple;
  }
}
</script>
