<template>
  <b-row>
    <div class="mx-5 px-3 py-1 ref-tag">
        N∘ Título:
    </div>
    <div class="mx-4 px-3 py-1 ref-tag">
        Banco:
    </div>
    <div class="mx-3 px-2 py-1 ref-tag">
        Parcela:
    </div>
    <div class="mx-4 px-2 py-1 ref-tag">
        Emissão:
    </div>
    <div class="mx-5 px-2 py-1 ref-tag">
        Vencimento:
    </div>
    <div class="mx-4 px-4 py-1 ref-tag">
        Valor:
    </div>
    <div class="mx-4 px-4 py-1 ref-tag">
        Campanha:
    </div>
    <div class="mx-4 px-2 py-1 ref-tag">
        Detalhes:
    </div>
  </b-row>
</template>

<script>
export default {
  name: 'product-list-header',
  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>
