<script setup lang="ts">
const props = defineProps({
  title: String,
  close: {
    type: Function,
    default: () => console.log("not function"),
  },
});
const close = async () => {
  props.close();
};
</script>
<template>
  <q-toolbar class="q-py-md">
    <q-toolbar-title class="header-text">{{ title }}</q-toolbar-title>
    <q-btn icon="close" unelevated round dense @click="close" style="color: #ff8080; background-color: #ffdede" />
  </q-toolbar>
</template>

<style scoped lang="scss">


.header-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: #35373C;
}
</style>
