<template>
  <v-col cols="12" class="py-0">
    <v-list class="py-0" two-line subheader>
      <v-list-item class="pr-0">
        <slot name="title">
          <v-list-item-content>
            <v-list-item-title>
              <button-back v-if="showButtonBack" />
              {{ title }}
            </v-list-item-title>
          </v-list-item-content>
        </slot>
        <slot name="right-content"></slot>
      </v-list-item>
      <v-divider></v-divider>
    </v-list>
  </v-col>
</template>

<script>
import buttonBack from "./buttonBack/index.vue";

export default {
  name: "ViewTitle",
  components: { buttonBack },
  props: {
    title: String,
    showButtonBack: {
      type: Boolean,
      default: true,
    },
  },
};
</script>
