<template>
  <div v-if="!table">
    <q-banner
      rounded
      dense
      class="text-white row"
      :style="`text-align: center; background-color: ${mycolor}`"
    >
      <template v-if="!table" v-slot:avatar>
        <q-icon :name="myicon" size="xs" />
      </template>
      <span v-if="!table" class="mybanner">{{ mytitle }}</span>
    </q-banner>
  </div>
  <div v-else>
    <CBarSelection
      v-if="showBarSelection"
      :myicon="myicon"
      :mytitle="mytitle"
      :mycolor="mycolor"
      :prop_search="false"
      :table="table"
      @clickButtBar="clickButtBar"
      :ind="ind"
    >
      <slot />
    </CBarSelection>
    <div v-else>
      <slot />
    </div>
  </div>
</template>

<script lang="ts" src="./CTitlePage.ts">
</script>

<style lang="scss" scoped>
@import './CTitlePage.scss';
</style>
