<script setup lang="ts">
useSeoMeta({
  title: 'My Groups - LastWebNovel',
  description: 'Join or create reading groups'
})
</script>

<template>
  <UDashboardPanel>
    <template #header>
      <UDashboardNavbar title="My Groups" :ui="{ right: 'gap-3' }">
        <template #leading>
          <UDashboardSidebarCollapse />
        </template>
      </UDashboardNavbar>
    </template>

    <template #body>
      <UContainer class="py-8">
        <div class="text-center py-12">
          <UIcon name="i-lucide-users" class="size-12 mx-auto mb-4 text-gray-400" />
          <h3 class="text-lg font-semibold mb-2">My Groups</h3>
          <p class="text-gray-600 dark:text-gray-400">Join reading groups and connect with other readers</p>
          <p class="text-sm text-gray-500 mt-4">Coming soon</p>
        </div>
      </UContainer>
    </template>
  </UDashboardPanel>
</template>
