<template>
  <b-row>
    <div class="col-1 py-1 text-left ref-tag">
        Campanha:
    </div>
    <div class="col-2 py-1 text-left ref-tag">
        CPF:
    </div>
    <div class="col-2 col-md-3 py-1 text-left ref-tag">
        Nome:
    </div>
    <div class="col-2 py-1 text-left ref-tag">
        Data Consulta:
    </div>
    <div class="col-1 py-1 text-left ref-tag">
        Situação:
    </div>
    <div class="col-1 py-1 text-left ref-tag" v-if="!isDisable">
        Situação Atual:
    </div>
    <div class="col-1 d-none d-lg-block py-1 text-left ref-tag" v-bind:class="{'col-2': isDisable}">
        Protocolo:
    </div>
    <div class="col-1 py-1 text-left ref-tag" v-if="!isDisable">
        Visualizar:
    </div>
  </b-row>
</template>

<script>
export default {
  name: 'consultors-list-header',
  props:{
    isDisable:{
      type: Boolean,
      default: false
    }
  },
  data: () => ({
    search: ''
  }),
};
</script>

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


.ref-tag {
  font-size: 0.8em;
  color: #5A5A5A;
  letter-spacing: 0.35px;
}
</style>
