<script setup lang="ts">
import type { NavigationItem } from '@vernaillen/harmonic-saas/types/i18nLists'

const type = defineModel<string>('type', { required: false, default: 'dashboard' })
const pageTitle = defineModel<string>('pageTitle', { required: false, default: '' })
const parent = defineModel<NavigationItem>('parent', { required: false })
</script>

<template>
  <NuxtLayout
    name="dashboard"
    :type="type"
    :page-title="pageTitle"
    :parent="parent"
  >
    <template #title>
      <h1 class="text-lg font-semibold mb-2">
        <UIcon
          :name="useSolarIcon('airbuds')"
          size="xl"
          class="-mb-0.5"
        />
        {{ $t('website.title') }}
      </h1>
    </template>
    <template #actions>
      <slot name="actions" />
    </template>
    <slot />
  </NuxtLayout>
</template>
