<template>
  <div class="aos-panel-group">
    <div class="aos-panel-group-main">
      <slot></slot>
    </div>
    <!-- <ul
      ref="ifbpPanelGroupUl"
      class="ifbp-item-group-nav-bar"
      v-show="navbar && navbarFlag && navBarData.length > 3"
    >
      <li
        v-for="(item, index) in navBarData"
        :class="{'selected': index === nowIndex}"
        :key="index"
        :panelId="item.id"
        @click="e =>{navBarClick(e,index)}"
      >
        <el-tooltip :content="item.title" v-if="item.title.length > 6">
          <div>{{ item.title.slice(0, 5) + '...' }}</div>
        </el-tooltip>
        <div v-else>{{item.title}}</div>
      </li>
      <span class="line"></span>
    </ul> -->
  </div>
</template>
<script>
export default {
  name: "AosPanelGroup",
  props: {
    navbar: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      navBarData: []
    }
  },
};
</script>
