<template>
  <div>
    <b-row>
      <b-col>
        <b-row>
          <b-col cols="12">
             <b-tabs content-class="mt-3" v-model="tabIndex">
              <b-tab title-link-class="custom-title" title="Consultas" active @click="tabIndex = 0">
                <consults-list-consults :active="tabIndex == 0" />
              </b-tab>
              <b-tab title-link-class="custom-title" title="Em análise" @click="tabIndex = 1">
                <consults-list-analyzing :active="tabIndex == 1" />
              </b-tab>
             </b-tabs>
          </b-col>
        </b-row>
      </b-col>
    </b-row>
   
  </div>
</template>

<script>
import ConsultsListConsults from '@/components/consults/consults-list/consults/ConsultsList.vue';
import ConsultsListAnalyzing from '@/components/consults/consults-list/analyzing/ConsultsList.vue';

export default {
  components: {
    ConsultsListConsults,
    ConsultsListAnalyzing
  },
  data: () => {
      return {
        tabIndex: 0
      };
  }
};
</script>

<style lang="scss">
@import '../../assets/css/main.scss';

.custom-title{
  color: #FF9B64;
}
</style>