<template>
  <UHeader toggle-side="left" class="rounded-full border top-3 mb-6 mx-auto">
    <template #left>
      <h1 class="text-xl font-bold">{{ props.title }}</h1>
    </template>
    <template #toggle>
      <UDashboardSidebarToggle class="rounded-xl" />
    </template>
  </UHeader>
</template>

<script lang="ts" setup>

 const props = defineProps({
        title: {
            type: String,
            required: false,
            default: "Title"
        }
    })
</script>
