<template>
  <div>
    <q-banner
      inline-actions
      rounded
      dense
      :class="bgcolor + ` cursor-pointer q-my-sm ` + clcolor + ` `"
      style="text-align: center"
    >
      <template v-slot:avatar>
        <q-icon v-if="icon" :name="icon" color="white" />
      </template>
      <span :class="`mybanner `">{{
        title
      }}</span>
    </q-banner>

    <q-slide-transition>
      <div>
        <slot></slot>
      </div>
    </q-slide-transition>
  </div>
</template>

<script lang="ts" src="./CTitleSec.ts">
</script>
<style lang="scss" scoped>
@import './CTitleSec.scss';
</style>
