<template>
  <q-card-section class="row items-center col-12 q-py-sm">
    <div class="row col-11">
      <div class="text-bold">{{ tittle }}</div>
    </div>
    <q-space />
    <q-btn
      icon="close"
      unelevated
      round
      dense
      @click="close"
      style="color: #ff8080; background-color: #ffdede"
    />
  </q-card-section>
</template>
<script setup lang="ts">
const props = defineProps({
  tittle: String,
  close: {
    type: Function,
    default: () => console.log('not function')
  }
})
const close = async () => {
  props.close()
}
</script>
